Plutone

基于`Object.defineProperty`这个`API`将`data`选项遍历出的属性全部转为`getter/setter`，在数据变动时发布消息给订阅者，触发相应的监听回调。

1. WHAT-Virtual DOM 真实DOM 可以看到，真正的DOM元素是非常庞大的，当我们频繁的去做DOM的更新操作时，会产生一定的性能问题。 虚拟DOM Virtual DOM就是用一个原生

ES6 ECMAScript 6是JavaScript的第二个主要修订版 ECMAScript 6也称为ES6或ECMAScript 2015 新特性 1. let和const关键字 let用于声明变

事件循环 浏览器中的Event loop 首先执行script任务，这是全局任务，属于宏任务； 宏任务执行完毕，开始执行所有的微任务； 微任务执行完毕，再取任务队列中的一个宏任务执行。 执行上述代码

call、apply、bind 共同点：为了改变this 的指向，第一个参数表示替换this 指向的对象，不传则默认为window 对象。 区别： call、apply 是立即执行的，bind 不会立

什么是HTML5 HTML5新特性 1. 用于绘画的canvas元素<canvas> 2. 用于媒介回放的video和audio新多媒体元素<video>、<audio> 3. 表单input的新类型

浏览器渲染页面发生了什么？ 1. 解析数据 一旦浏览器收到数据的第一块，它就开始解析收到的信息。‘解析’是浏览器将通过网络接收的数据转换为DOM和CSSOM的步骤，通过渲染器把DOM和CSSOM在屏幕

特性 cookie localStorage sessionStorage IndexDB 数据存储大小 4kb 5M 5M 无限 与服务端通信 每次都会携带在header中 不参与 不参与 不参与

1. HTTP优化 减少HTTP请求 使用HTTP/2 合理设置HTTP缓存（强缓存与协商缓存） 2. 加载渲染优化 利用CDN加载第三方模块 按需加载资源 尽量减少避免重绘和回流