传统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】
推荐阅读
- 智者乐水,仁者乐山 智者乐水
- 光子祛斑后如何保养
- 捏脊的正确手法是怎样的
- 孕妇能吃山竹吗
- 拉肚子吃煮苹果还是蒸苹果
- 杨梅吃了血糖会不会高
- 常态化核酸检测是一周一次吗
- 苦瓜泡水可以天天喝吗
- 杨梅怎么洗才干净?