lrqforest的博客

live-server 没有webpack，我们就无法使用webpack-dev-server运行这个项目，实现热部署。 所以，这里我们使用另外一种热部署方式：live-server 这是一款带有热加载功能的小型开发服务器。用它来展示你的HTML / JavaScript / CSS，但不能用于部署最终的网站。 安装命令 npm install -g live-server 运行命令 live-server 输入命令 live-sever 启动，默认会自动打开浏览器，并且访问8080端口，若出现Erro

computed（计算属性） 计算的本质就是方法，但是一定要返回数据。然后页面渲染时，可以把这个方法当成一个变量来使用 watch（监控） 普通变量 num(newVal,oldVal){ console.log(newVal,oldVal); } 对象变量：深度监控 person: { deep: true, handler(val) { console.log(val.age); } } 组件化 在大型应用开发时，页面可以划分成很多部分。往往在不同页面，也有相

{{}} {{}} =》插值表达式 插值表达式不能使用在属性中 使用{{}}方式在网速较慢时会出现问题，在数据未加载完成时，页面会显示出原始的{{}}，加载完毕后才会显示正确的数据，我们称为插值闪烁 v-text , v-html , v-model 使用指令来替代插值表达式，指令必须在标签里面使用 v-text ：将数据输出到元素内部，如果输出的数据有HTML代码，会作为普通文本输出 v-html ：将数据输出到元素内部，如果输出的数据有HTML代码，会被渲染 属于单项绑定 v-model ： 数据

1） 新建个Vue对象 2) 初步初始化对象 3） 初始化对象的监控（监控变量，利用get，set方法对变量进行注入和动态响应） 4） 判断是否有el 或者 template 标签 5） 对关联标签进行编译 6） 创造真实的html代码，并挂载到关联标签上 7） 数据改变重新渲染 8） 生命周期销毁 this 等于当前app对象 ...

MVVM模式 M： 即Model，模型，包括数据的一些基本操作 V： 即View，视图，页面渲染结果 VM：即View-Model，模型与视图间的双向操作（无需开发人员干涉) 在MVVM之前，开发人员从后端获取需要的数据模型，然后要通过DOM操作Model渲染到View中，而后当用户操作视图，我们还需要通过DOM获取View中的数据，然后同步到Model中。 而MVVM中的VM要做的事情就是把DOM操作完全封装起来，开发人员不用再关心Model和View之间是如何相互影响的: 只要我们Model发生了

let arr =[‘1’,‘3’,’-10’,‘15’] 一. map 把集合的元素逐个处理，并放在新的元素中, 并不会改变原来的数组,分散处理 let arr2=arr.map(d=>parseInt(d)) 二. reduce 对以前的结果累积处理 arr2=[2,5,-10,15] arr2.reduce((a,b)=>a+b) 运算结果： 首先用 a=2,b=5 a=7,b=-10 a=-3,b=15 a=12 如果数组只有一个值，可以默认初始值 arr2=[2] arr2.red

原来的： function sum(a,b){ return a+b; } 优化后： const add=(a,b)=>a+b; 优化前： 对象包含成员变量，和成员方法 const p={ name:“jack”, age: 21, sayHello: function(){ console.log(“hello”); } } p.sayHello(); 优化后： const p={ name:“jack”, age: 21, sayHello(){ console.log(“hello”); } }

前景： 如果再循环体中使用var定义的变量，也可以在外部访问到 所以使用let，外部无法访问 使用cont，定义了常量，无法修改，类似java的final 结构体： 一. 解析数组 let arr=[2,5,-1,55]; //左右对比，将右边对应的数组值赋予左边的x,y let [x,y]=arr; let [,a,b]=arr; console.log(x,y,a,b); //第一个不要，将剩下的赋值给rest let [,…rest] =arr; 二. 解析对象： let p={name:“jack”

第一步：配置环境 安装Python2.7 配置环境变量（官网下载）看网上说明必须是2.7版本，3不支持 下载 ： https://www.python.org/downloads/ 配置环境变量： 2.安装 npm install --global --production windows-build-tools 3.安装node-gyp npm install -g node-gyp 第二步：安装 1.安装serialport npm install --save serialport 2.安装e