摘要：
Vue 1. 同构渲染 同构渲染 客户端渲染(render.render)：Vue.js可以用于构建客户端应用程序，组件的代码在浏览器中运行，并输出DOM元素； 服务端渲染：同时，Vue.js还可以在Node.js环境中运行，它可以将同样的组件渲染为字符串并发送给浏览器； 同构渲染(render.h 阅读全文
摘要：
Vue 1. 编译器核心技术概览 2. 解析器 3. 编译优化 编译器核心技术概览 模板DSL的编译器 编译器，一段程序，将语言A翻译成语言B；其中语言A叫源代码，语言B叫目标代码； 编译器将源代码翻译为目标代码的过程叫编译； 完整的编译过程包括：词法分析、语法分析、语义分析、中间代码生成、优化、目 阅读全文
摘要：
Vue组件化 1. 组件化 组件化 渲染器主要负责将虚拟DOM渲染为真实DOM；只需要使用虚拟DOM来描述最终呈现的内容即可。当编写比较复杂的页面时，用来描述页面结构的虚拟DOM的代码量会变得越来越多，或者说页面模板会变得越来越大，这时就需要组件化的能力。 有了组件，则可以将一个大的页面拆分为多个部 阅读全文
摘要：
Vue渲染器 1. 渲染器 2. 挂载与更新 3. 简单diff 4. 双端diff 5. 快速diff 渲染器 渲染器与响应式系统关系：利用响应系统的能力，自动调用渲染器完成页面的渲染和更新。 渲染器：用来执行渲染任务的，把虚拟DOM渲染为特定平台上的真实元素；浏览器平台上，把虚拟DOM渲染为真实 阅读全文
摘要：
### Vue 1. 响应式系统的作用与实现 2. 非原始值的响应式方案 3. 原始值的响应式方案 1. 响应式系统的作用与实现 响应式数据与副作用函数 副作用函数 “副作用函数”通常指的是除了返回值之外，还会对函数外部的状态产生影响的函数。如，一个函数修改了全局变量、修改了传入的引用类型参数（而不 阅读全文
摘要：
安装 npm install typescript -g yarn global add typescript 执行 tsc Demo1.ts npm install -g ts-node ts-node Demo1.ts 静态类型 : number 就是定义了一个静态类型 如果使用了静态类型，不仅 阅读全文
摘要：
性能优化 1. 从输入URL到页面加载完成，发生了什么 2. webpack与Gzip 3. 图片优化 4. 浏览器缓存 5. 本地存储 6. CDN 7. 服务端渲染 8. 浏览器端的性能优化 9. DOM优化 10. 事件循环与异步更新策略 11. 回流与重绘 12. 优化首屏体验-懒加载 13 阅读全文