Vue计算属性和侦听器
计算属性对于任何复杂逻辑，你都应当使用计算属性12345678910111213141516171819202122<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "
Vue模板语法
Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。 插值文本数据绑定最常见的形式就是使用“Mustache”语法 (双大括号
Vue实例
指令带有前缀 v-，以表示它们是 Vue 提供的特殊特性。它们会在渲染的 DOM 上应用特殊的响应式行为。你看到的 v-bind 特性被称为指令,将这个元素节点的 title 特性和 Vue 实例的 message 属性保持一致。Vue 还提供了 v-model 指令，它能轻松实现表单输入和应用状态之间的双向绑定。 组件化应用构建组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用
MacroTask v.s. MicroTask
妈（Ma）咪 （Mi）MacroTask(宏任务)MicroTask(微任务)通过Event Loop实现 macrotasks 有 setTimeout setInterval setImmediate I/O UI渲染 microtasks 有 Promise process.nextTick Object.observe MutationObserver 先执行 Ma 再执行 Mi。宏任务和微任务轮流执行,Mi任务每次都清空
Event Loop
js引擎(单线程)同一时间只做一件事但是可以调用其他线程帮js做事 Event Loop、计时器、nextTick Node.js Event Loop处理回调信息event loop是node.js使用c语言的代码当 Node.js 启动时，会做这几件事 初始化 event loop 开始执行脚本（或者进入 REPL）。这些脚本有可能会调用一些异步 API、设定计时器或者调用 process.nextTick() 开始处理 even
Node.js 入门
fs 模块fs.readFile(path[, options], callback)异步1234567const fs = require('fs');fs.readFile('/etc/passwd', (err, data) => { if (err) throw err; console.log(data);});//回调有两个参数 (err, data)，
知识点
命令行 HTTP HTML CSS JS DOM AJAX + LeanCloud 跨域 MVC Vue 学习套路 先了解概念，再学习细节 工具、框架用 CRM 学习法 数学家的笑话 有一位美国数学家最怕坐飞机。他研究了近20年的统计数据，发现恐怖分子带炸弹上飞机的几率非常低。 但他还是不放心，又做进一步研究，发现两个人同时带炸弹上飞机的几率为零，于是他坐飞机都自己携带一枚炸弹。 学习心法 踩坑（bug即经验） 我是傻逼（找bug
Web性能优化
Web性能优化用户觉得你网站加载快用户按下回车，发生的和前端有关的事 缓存 DNS查询 建立TCP连接 发生HTTP请求后台处理 等….. 接受响应 接受完成->HTML 查看DOCTYPE，根据DOCTYPE选择使用HTML还是XML 逐行解析 看到标签。IE直接渲染到页面，chrome会假设用户网速很快不渲染，等到css都加载完毕才渲染（因为现在渲染，后来加载到css又把标签样式改了，就要重新渲染） 看到css，下载css，
mixin、柯里化和高阶函数
mixin(混入)mixin(混入)模式就是把b的属性一个一个拷贝到a身上12345var mixin=function(a,b){ for(let key in b){ a[key]=b[key] }} Object.assign(a,b)也是mixin curry 柯里化又称部分求值（Partial Evaluation），是把接受多个参数的函数变换成接受一个单一参数
继承
继承是类和类之间的关系继承可以使得子类别具有父类别的各种属性和方法a.valueOf() 面向对象叫成员属性，js叫原型链继承Object和Array两个类之间没有任何关系但是Object.prototype和Array.prototype有一个重要的关系，所有的对象都是从new Object()构造出来的，Array.prototype也是new Object()构造出来的Array.prototype.proto===Object.