虚拟DOM

DOM的是很慢的，其元素非常庞大，页面的性能问题也因此会下降。

无节制的操作DOM会严重影响页面的性能。如果我们只操作这些虚拟DOM，此时会降低性能的消耗。

现在框架的发展方向就是解放DOM操作的复杂性。

核心思想：

虚拟的DOM的核心思想是：对复杂的文档DOM结构，提供一种方便的工具，进行最小化地DOM操作。

我们可以用JS对象表示DOM结构，那么当数据状态发生变化而需要改变DOM结构时，我们先通过JS对象表示的虚拟DOM计算出实际DOM需要做的最小变动，然后再操作实际DOM，从而避免了粗放式的DOM操作带来的性能问题。

在用JS对象表示DOM结构后，当页面状态发生变化而需要操作DOM时，我们可以先通过虚拟DOM计算出对真实DOM的最小修改量，然后再修改真实DOM结构(因为真实DOM的操作代价太大)。

来自图灵社区 http://www.ituring.com.cn/article/211352