2018-10-31 19:58:45

耳机一个响一个不响,,,该换耳机了

又换个新老师预计讲五天的vue后面的路飞项目用!

这是vue参考连接: https://www.cnblogs.com/majj/category/1216624.html

这个老师小马哥是专业的前端老师!

详情可以看小马哥博客,里面很全前端资料!

贴上今天讲的东西,老师就是没有记课堂的习惯!!23333333333!

越努力,与幸运!万圣节快乐!!永远不要高估自己!

这是es6部分!

1.01-let和const

<script type="text/javascript">

    // let声明变量块级作用域,不能重复声明

    // let声明的变量 是块级作用域,不能重复声明

    // {

    //     // let a = 12;

    //     let a  = 12;

    //     let a  = 13;

    // }

    // console.log(a);

    // var a = [];

    // for (let i = 0; i < 10; i++) {

    //  a[i] = function () {

    //     console.log(i);

    // };

    // }

    // a[6](); // 6 10

    // 不存在变量提升

    console.log(foo); // 输出undefined

    var foo = 2;

    // const 声明常量，一旦声明，立即初始化，不能重复声明。

    </script>

02-模板字符串

    <script>

        var a = 1;

        var b = 2;

        // var str = "哈哈哈哈" + a + "嘿嘿嘿" + b;

        var str = `哈哈哈哈${a}嘿嘿嘿${b}`;

        console.log(str);

    </script>

03-箭头函数

    <script>

    // function(){} === ()=>{}

    // 1.this的指向发生改变，指向了定义对象时的对象

    // 2.arguments不能使用

    </script>

04-对象的单体模式

    <script>

    var person = {

        name:'张三',

        age: 18,

        fav(){

            console.log(this);

        }

    }

    person.fav();

    </script>

05-面向对象

 <script>

     // 构造函数的方式创建对象

    //  function Animal(name,age){

    //      this.name = name;

    //      this.age = age;

    //  }

    //  Animal.prototype.showName = function(){

    //      console.log(this.name);

    //  }

    //  Animal.prototype.showName2 = function(){

    //      console.log(this.name);

    //  }

    //  Animal.prototype.showName3 = function(){

    //      console.log(this.name);

    //  }

    //  Animal.prototype.showName4 = function(){

    //      console.log(this.name);

    //  }

    //  var dog = new Animal('日天',18)

    class Animal{

        constructor(name,age){

            this.name = name;

            this.age = age;

        }

        showName(){

            // 一定不要加逗号

            console.log(this.name)

        }

    }

    var d = new Animal('张三',19);

    d.showName();

    </script>

这是用vue做的一个小小小项目!

先下载vue.js

这是index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title></title>

</head>

<body>

    <div id="app">

        <h3>{{title}}</h3>

    </div>

    <script src="vue.js"></script>

    <script>

        // 1.创建vue实例化对象

        // 参数

        var app = new Vue({

            el:"#app",

            // 所有的数据都放在数据属性中

            data:{

               title:'土豆'

            }

        })

    </script>

</body>

</html>

10.31vue(一)的更多相关文章

  1. Linux平台 Oracle 10gR2（10.2.0.5）RAC安装 Part3：db安装和升级

    Linux平台 Oracle 10gR2(10.2.0.5)RAC安装 Part3:db安装和升级 环境:OEL 5.7 + Oracle 10.2.0.5 RAC 5.安装Database软件 5. ...

  2. Linux平台 Oracle 10gR2（10.2.0.5）RAC安装 Part1：准备工作

    Linux平台 Oracle 10gR2(10.2.0.5)RAC安装 Part1:准备工作 环境:OEL 5.7 + Oracle 10.2.0.5 RAC 1.实施前准备工作 1.1 服务器安装操 ...

  3. ArcGIS 10.0紧凑型切片读写方法

    首先介绍一下ArcGIS10.0的缓存机制: 切片方案 切片方案包括缓存的比例级别.切片尺寸和切片原点.这些属性定义缓存边界的存在位置,在某些客户端中叠加缓存时匹配这些属性十分重要.图像格式和抗锯齿等 ...

  4. CI Weekly #10 | 2017 DevOps 趋势预测

    2016 年的最后几个工作日,我们对 flow.ci Android & iOS 项目做了一些优化与修复: iOS 镜像 cocoapods 版本更新: fir iOS上传插件时间问题修复: ...

  5. 10个最好用的HTML/CSS 工具、插件和资料库

    大家在使用HTML/CSS开发项目的过程中,有使用过哪些工具,插件和库?下面介绍的10种HTML/CSS工具,插件和资料库,是国外程序员经常用到的. Firebug Lite FirebugLite ...

  6. 【Win 10 应用开发】启动远程设备上的应用

    这个功能必须在“红石-1”(build 14393)以上的系统版中才能使用,运行在一台设备上的应用,可以通过URI来启动另一台设备上的应用.激活远程应用需要以下前提: 系统必须是build 14393 ...

  7. 在Ubuntu 16.10安装mysql workbench报未安装软件包 libpng12-0错误

    1.安装mysql workbench,提示未安装软件包 libpng12-0 下载了MySQL Workbench 6.3.8   在安装的时候报错: -1ubu1604-amd64.deb 提示: ...

  8. Ubuntu 16.10 安装byzanz截取动态效果图工具

    1.了解byzanz截取动态效果图工具 byzanz能制作文件小,清晰的GIF动态效果图,不足就是,目前只能通过输入命令方式来录制. byzanz主要的参数选项有: -d, --duration=SE ...

  9. Ubuntu 16.10 安装KolourPaint 4画图工具

    KolourPaint 4画图工具简单实用,可以绘画.视频处理和图标编辑: • 绘画:绘制图表和“手绘” • 视频处理:编辑截图和照片;应用特效 • 图标编辑:绘画剪贴和标识透明化 1.在Ubuntu ...

随机推荐

  1. 20、collections模块和re模块（正则表达式详解）

    从今天开始我们就要开始学习python的模块,今天先介绍两个常用模块collections和re模块.还有非常重要的正则表达式,今天学习的正则表达式需要记忆的东西非常多,希望大家可以认真记忆.按常理来 ...

  2. pygame-KidsCanCode系列jumpy-part9-使用spritesheet

    做过前端的兄弟应该都知道css sprite(也称css精灵),这是一种常用的减少http请求次数的优化手段.把很多小图拼成一张大图,只加载1次,然后用css定位到不区的区域,从而展示不同的图片.游戏 ...

  3. 国际化之iPhone设备支持的语种

    有没有想过,iPhone 语言到底支持多少语言呢?我倒是搜索了一下,整理出下面一份列表,供大家参考 参考链接: https://www.ibabbleon.com/iOS-Language-Codes ...

  4. jvm理论-class文件

    当JVM运行Java程序的时候,它会加载对应的class文件,并提取class文件中的信息存放在JVM的方法区内存中. Class文件组成 1.Class文件是一组以8位字节为基础单位的二进制流,各个 ...

  5. http范围请求

    基于范围请求 可以实现 断点续传和多线程分片下载 HTTP/1.1之后才支持,需要双端都支持 服务端头信息中有 Accept-Ranges:bytes 表明服务器支持范围请求 curl -I &quo ...

  6. How to trigger a Kubernetes cronjob manually-手动触发一个cronjob

    What should you do when you’ve developed and installed a cron job for your Kubernetes application, a ...

  7. fgrep: ifcfg-ifcfg-eth0: No such file or directory

    [root@localhost ~]# service network restartfgrep: ifcfg-ifcfg-eth0: No such file or directoryfgrep: ...

  8. Swift Struct 结构体

    前言 Swift 语言有两种基本的数据类型,即类(class)和结构体(struct),class 这样的概念大家不会陌生,而 struct 也并不是什么新的概念,在 Objective-C 和 C ...

  9. Linux netstat常用命令

    1.统计80端口连接数netstat -nat|grep -i "80"|wc -l 2.统计httpd协议连接数(查看Apache的并发请求数及其TCP连接状态)ps -ef|g ...

  10. java maven通过SMTP发送QQ邮件的完全步骤

    1.首先打开QQ邮箱的SMTP服务,因为QQ邮箱对于一般的用户都是默认关闭SMTP服务的. 找到SMTP服务的选项,可以看到此处默认是关闭的,点击开启,然后腾讯会进行一些身份验证,身份验证通过以后,腾 ...