Vue.js设计与实现学习

Vue.js 设计与实现—ref原始值的响应式方案 什么是原始值 原始值指的是Boolean、Number、BigInt、String、Symbol、undefined、null等类型的值。

非原始值的响应式方案 理解Proxy和Reflect Proxy Proxy可以创建一个代理对象，能够实现对其他对象的代理。 代理：对一个对象的基本语义的代理，允许我们拦截并重新定义对一个对象的基本操

Vue.js设计与实现—响应式的设计与实现学习笔记（二） 调度执行 调度执行就是让用户可以控制副作用函数的执行时机、次数以及方式 调度器控制副作用函数的执行顺序 打印出来的顺序是 这时我们需要一个调度

快速Diff算法不同于前面的简单Diff算法和双端Diff算法，快速Diff算法包含预处理步骤，通过对预处理的静态节点进行标记，避免对这些节点进行不必要的比较和更新操作，进一步提升性能。

上一章我们介绍了简单Diff算法。利用虚拟节点的key属性，复用DOM元素，并通过移动DOM的方式来完成更新，从而减少不断地创建和销毁DOM元素带来的性能开销。但简单Diff算法还有很大的优化余地。

从本章开始，我们将介绍渲染器的核心Diff算法。简单来说，当新旧vnode的子节点都是一组节点时，为了以最小的性能开销完成更新操作，需要比较两组子节点，用于比较的算法就叫作Diff算法。

vue3大核心模块之一：渲染器（renderer）的实现。什么是渲染器、虚拟DOM、虚拟节点。渲染器的作用是把虚拟 DOM 渲染为特定平台上的真实元素。

Vue.js响应式的设计与实现学习笔记： 1. 了解什么是副作用函数 2. 实现基本响应式 3. 解决分支切换，遗留副作用函数绑定问题 4. 解决副作用函数嵌套问题 5. 解决无限循环的问题