虚拟 DOM

什么是虚拟 DOM

虚拟 DOM 是一个树状结构的 JS 对象， 用于模拟真实的 DOM 结构，优化渲染性能

为什么需要虚拟 DOM

• 避免直接操作 DOM，实现批量更新、最小更新
• 通过 diff 算法计算更新内容
• 实现跨端渲染

虚拟 DOM 如何工作

通过 Diff 算法进行新旧虚拟 DOM 的对比，找出更新内容批量更新

虚拟 DOM 和 Fiber 的关系

虚拟 DOM 的本质是用 JS 变量描述 DOM 结构，FIber 是实现虚拟 DOM 的一种方式，这种实现方式下优化了 Diff 算法的机制

• 传统的虚拟 DOM 是使用树形对象
• FIber 架构使用链表