虚拟 dom 有什么优点？真实 dom 和虚拟 dom，谁快？

虚拟 DOM（Virtual DOM）是一种用于提高前端性能的技术，它的主要优点包括：

1. 提高性能：

减少直接操作真实 DOM 的次数： 真实 DOM 操作是昂贵的，因为每次操作都会触发页面重排和重绘。虚拟 DOM 通过在内存中构建一个虚拟树，通过对比虚拟 DOM 和真实 DOM 的差异，最小化了实际 DOM 操作次数，从而提高性能。
批量更新： 虚拟 DOM 可以将多个操作批量更新到真实 DOM，避免了频繁的 DOM 操作。

2. 跨平台开发：

框架无关性： 虚拟 DOM 不依赖于具体的前端框架，可以被多个框架使用，使得跨平台开发更为灵活。

3. 提高开发效率：

简化复杂性： 虚拟 DOM 的抽象层简化了对真实 DOM 的复杂操作，使得开发者更容易理解和维护代码。
组件化开发： 虚拟 DOM 的思想促进了组件化开发，组件状态的变化被抽象为虚拟 DOM 的变化，进而实现了组件的自动更新。

真实 DOM 和虚拟 DOM 的性能比较：

虚拟 DOM 的引入并不是为了使整体操作更快，而是为了优化频繁的 DOM 操作，从而提高整体的性能。在某些情况下，直接操作真实 DOM 可能会更快，因为虚拟 DOM 还需要进行虚拟 DOM 到真实 DOM 的比较和更新操作。但在大多数场景下，虚拟 DOM 的优势更为显著。

总体而言，虚拟 DOM 通过优化 DOM 操作，提高了前端应用的性能和开发效率。在现代前端框架中，如React、Vue等都采用了虚拟 DOM 技术。

原文链接：codingdict.net