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. poj2718 Smallest Difference（dfs+特判，还可以贪心更快）

    https://vjudge.net/problem/POJ-2718 其实不太理解为什么10超时了.. 这题似乎是有贪心优化的方法的,我下面直接暴力了.. 暴力之余要特判两个点:1.超时点就是n=1 ...

  2. CSS中margin边界叠加问题及解决方案

    你对CSS的margin边界叠加的概念是否了解,这里和大家分享一下,当一个元素出现在另一个元素上面时,第一个元素的底边界与第二个元素的顶边界发生叠加. CSS的margin边界叠加深度剖析 边界叠加简 ...

  3. C# Task ContinueWith的实现

    看了上一篇C# Task 是什么?返回值如何实现? Wait如何实现 我们提到FinishContinuations方法中会调用TaskContinuation实例,那么我们的ContinueWith ...

  4. OpenCV3 for python3 学习笔记3-----用OpenCV3处理图像一

    本文的内容都与图像处理有关,这时需要修改图像,比如要使用具有艺术性的滤镜.外插(extrapolate)某些部分.分割.粘贴或其他需要的操作. 1.不同色彩空间的的转换 OpenCV有数百种关于在不同 ...

  5. Could not parse multipart servlet request; nested exception is org.apache.commons.fileupload.FileUploadBase$IOFileUploadException: Processing of multipart/form-data request failed.

    org.springframework.web.multipart.MultipartException: Could not parse multipart servlet request; nes ...

  6. Asp.net的HttpContext.Current.Items详解

    之前asp.net只是在使用Session来进行用户会话时的信息存储,甚至很少留意Session完整的类调用是HttpContext.Current.Sessoin.... 好吧,我还是处于只会固定写 ...

  7. MKMapView：确定区域更改是否来自用户交互

    参见: http://www.b2cloud.com.au/tutorial/mkmapview-determining-whether-region-change-is-from-user-inte ...

  8. Linux应该知道的技巧

    https://coolshell.cn/articles/8883.html https://www.quora.com/Linux/What-are-some-time-saving-tips-t ...

  9. 解决Eclipse中“诡异”的错误：找不到或无法加载主类

    记录下来遇到的(问题,解决方法),是更有效的解决问题的方式.(原谅我领悟的太晚与懒,从此用更有意义的方法,做一个更有意义的人) 因为遇到了多次,参考同一个方法,原文连接:https://blog.cs ...

  10. numpy 随机产生数字

    python数据分析的学习和应用过程中,经常需要用到numpy的随机函数,由于随机函数random的功能比较多,经常会混淆或记不住,下面我们一起来汇总学习下. 1 numpy.random.rand( ...