DOM操作重建整个DOM结构

Question

从第2节以下链接我看到了声明：“作为一个例子，假设你有一个包含10个项目的清单你检查过的第一个项目大部分的JavaScript框架将重建。整个列表，这是十倍超过必要的工作！只有一项改变，但其余九他们如何才得到重建准确。重建名单也没什么大不了的web浏览器，但现代的网站可以使用DOM的巨额操纵，无效更新已经成为一个严重的问题。“请详细解释这一点。如何操纵一个DOM元素重建整个父项？

https://www.codecademy.com/articles/react-virtual-dom

Answer 1

想象一下，你有一定的顺序元素的列表，并将该列表每秒更新一次（在商店出售的最后项目，依热门程度排序的，例如列表）。每次更新中的任何物品都可能不在列表中，新物品可以随机输入。这使得很难以更新移动，替换或插入的元件列表中，所以最简单的方法是重新生成的任何更新列表。

这种情况是最糟糕的情况之一，但一般这种方法是最常见的，因为是最简单的一个：忘记旧列表并将一个新的，甚至有以不变应万变。

反应，其“虚拟DOM”，能够采取新的列表，它与旧的相比并检测在“真实DOM”所需的更改，并应用它们。这是基于这样的事实，它的虚拟DOM的速度远远超过了真正的操控。