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. JSAP107

    JSAP107 1.目标 2. 需要考虑的问题: 案例:图片随着鼠标飞兼容性代码 <!DOCTYPE html> <html lang="en"> < ...

  2. 【Jenkins】新版本的特性：自定义流水线

    #!/usr/bin/env groovy pipeline { agent none stages { stage('stage-01') { agent { label 'master' } st ...

  3. 使用http load测试qps

    官网 http://acme.com/software/http_load/ 安装 wget http://acme.com/software/http_load/http_load-12mar200 ...

  4. Web Workers 简介

    web worker 介绍:https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Workers_API/Using_web_workers web ...

  5. 分析轮子（一）-ArrayList.java

    前言:之前也看过一些JDK源码,不过没有留下痕迹,经久年月就淡忘了,现在的时机也差不多了,想再看一次,并且记录下来自己的感想,于是从自己使用最多最熟悉的地方开始!并且看的过程中,我希望自己思考一下如下 ...

  6. TensorFlow精选Github开源项目

    转载于:http://www.matools.com/blog/1801988 TensorFlow源码 https://github.com/tensorflow/tensorflow 基于Tens ...

  7. Nginx Web服务应用

    Nginx 指令目录 Nginx 介绍 Nginx 编译安装 Nginx 功能模块 Nginx 目录结构 Nginx 配置文件 Nginx 虚拟主机配置 Nginx 状态信息功能配置 Nginx 错误 ...

  8. Mathematica新特性Inactive, 求解复杂微分方程

    Inactive阻止函数的计算, 求解微分方程有奇效 Block[{Integrate = Inactive[Integrate]}, DSolve[((H - h0)^(7/5) P0 (T - c ...

  9. 史上最简单的 SpringCloud 教程 | 终章

    https://blog.csdn.net/forezp/article/details/70148833转载请标明出处:http://blog.csdn.net/forezp/article/det ...

  10. SQL Server 权限控制

    根据数据库Schema限制用户对数据库的操作行为 授予Shema dbo下对象的定义权限给某个用户(也就是说该用户可以修改架构dbo下所有表/视图/存储过程/函数的结构) use [Your DB N ...