Skip to main content

谈谈虚拟 dom

是什么​

  1. 虚拟 DOM 表现为一个 Object 对象。并且最少包含标签名 (tag)、属性 (attrs) 和子元素对象 (children) 三个属性。
  2. 创建虚拟 DOM 是为了更好将虚拟的节点渲染到页面视图中，所以虚拟 DOM 对象的节点与真实 DOM 的属性一一照应

image.png

为了解决什么​

提升渲染性能

  1. 操作 DOM 慢，而 js 运行效率高。我们可以将 DOM 对比操作放在 JS 层，提高效率。
  2. 运用 diff 算法来计算出真正需要更新的节点，最大限度地减少 DOM 操作，从而提高性能。

参考文章：​