虚拟dom 什么是dom

传统dom操作的缺点:当你使用原生js或jquery库操作DOM时,浏览器会从构建DOM树开始执行整个过程(DOM树- CSSOM树-渲染树-回流-重绘-渲染页面),因此频繁的DOM操作会造成不必要的计算,导致页面堵塞,影响用户体验 。
虚拟DOM的好处:虚拟DOM的诞生是为了解决DOM操作过多导致性能低下的问题 。在虚拟DOM诞生之前,DOM的操作都是直接的,渲染一次换一次 。虚拟DOM是用js对象模拟一个DOM树 。每次修改DOM都是先修改虚拟DOM,最后一次性更新虚拟DOM,减少了很多DOM操作,优化了性能 。
虚拟DOM如何工作:
a、用JavaScript模拟DOM树,渲染DOM树 。
b .将新的DOM树与旧的DOM树进行比较,得到比较后的差异对象
c .将差异对象应用于渲染后的DOM树
【虚拟dom 什么是dom】

    推荐阅读