still-soda的博客

本章从 Vue.js 的响应式数据系统入手，探讨其核心机制。先是介绍了副作用函数及其原理，通过对数据的读取和赋值捕获，实现响应式。接着讲解了利用 `Proxy` 和 `WeakMap` 实现数据与副作用函数的绑定和触发。为解决副作用函数重复执行的问题，引入了依赖清理机制，并通过封装 `track` 和 `trigger` 函数优化代码。针对嵌套 `effect`，采用栈结构管理活动副作用函数，避免误收集。最后通过调度执行机制，实现了副作用函数的可调度性，从而构建了一个完善的响应式系统。

本章主要讲解了 Vue.js 3 如何通过声明式描述 UI，使开发者可以使用模板语法和 JavaScript 对象来定义 DOM 元素、属性和事件。然后，讲解了如何使用 JavaScript 对象描述虚拟 DOM，使代码更加灵活，以及如何使用 `h` 函数简化虚拟 DOM 的创建，使手写虚拟 DOM 更加简便。最后讲解了渲染器的作用，并指出模板在编译阶段被编译为 JavaScript 代码，在运行时由渲染器渲染为真实 DOM。

本章主要讲了应当如何使用特定方法来在生产环境中给开发者带去优质的开发体验，如合理、友好地输出各种信息。以及如何使用 rollup.js 等打包工具缩减构建体积，删除生产环境下不必要的代码。然后分多钟情况讲解了在不同的需求下需要输出哪些不同的构建产物。最后再讲解了如何在框架中加入不错的错误处理，以及加入TS支持的需求。

本章主要讲了声明式和命令式各自的特点和局限，框架开发者应当如何尽可能降低声明式带来的性能损耗，并降低开发者的心智负担，提高编写程序的可维护性。接着，讨论了虚拟DOM的性能，以及其与传统操作模式的区别的优势。最后，讨论了编译时和运行时这两种框架类型。