为什么需要虚拟DOM,它有什么好处?

  web界面由DOM树来构建,当其中一部分发生变化时,其实就是对应某个节点发生了变化.

  虚拟DOM就是为了解决浏览器性能问题而被设计出来的.若一次操作DOM有十次更新DOM的动作,虚拟DOM不会立即操作DOM,而是将这十次 更新的diff内容保存到本地一个js中,最终将这个js对象一次性attach到DOM树上,在进行后续操作.避免大量无谓的计算量.所以,用js对象模拟DOM节点的好处是,页面的更新可以先全部反应在js对象(虚拟DOM)上,操作内存中的js对象的速度显然要更快,等更新完成之后,再将最终的js对象映射成真实的DOM,交由浏览器去绘制.