异步与Promise

单线程是异步的产生原因，事件循环是异步的解决方式。

• 什么是异步？
• 什么是 Promise？
  • 传统回调
  • Promises/A+
  • ES2015/ES6
• 尝试实现 Promise

浏览器事件循环

事件循环机制的核心思想是将高耗时的任务交由其他线程异步执行

• 浏览器的进程模型
• 渲染主线程
• 事件循环
• 任务执行顺序

原型

原型是用来实现面向对象的，其中有两个特例：Object 和 Function

• 什么是原型？
  • 模拟 new
• Object 与 Function
  • 原型示例

浏览器渲染原理

网络线程获取到网页的 HTML 后，会通过事件循环机制向渲染主线程提交一个渲染任务

• 渲染流程
• 解析 HTML（Parse HTML）
• 样式计算（Compute Style）
  • 层叠
  • 继承
  • 使用默认值
  • 使用绝对单位
• 布局（Layout）
• 分层（Layer）
• 绘制（Paint）
• 分块（Tiling）
• 光栅化（Raster）
• 屏幕绘制（Draw）
• 重排（Reflow）
• 重绘（Repaint）

从 Vue2 到 Vue3

• API
  • 模块导入
  • 组合式 API
  • 更优秀的 TS 支持
• 响应式变更
  • Object.defineProperty
  • Proxy
  • reactive
  • ref
• 性能提升
  • diff 算法
  • 静态提升
  • 预字符串化
• 总结