概述
Reacl DOM(真实DOM)
1.什么是真实DOM：真实dom是页面上渲染的dom节点
<div class='root'>
<h2>root</h2>
</div>Virtual DOM(虚拟DOM)
本质：虚拟DOM本质是一个轻量级的js对象
具体工作流程：
每当底层数据发生变化时，整个UI都将在虚拟dom中重新渲染；
进行新旧虚拟dom的对比
将差异更新到真实的dom结构上
区别：
虚拟dom不会进行重绘和回流，而真实dom会频繁重排与重绘
虚拟dom的总损耗是”虚拟dom的增删改+真实dom的差异增删改+重排“；真实dom的消耗是”真实dom全部增删改+重排“
优缺点：
Reacl DOM
优点：直接操作HTML，易用
缺点：
解析速度慢，效率低，内存占用量高
性能差：频繁操作真实DOM，导致重绘、回流
Virtual DOM
优点：
减少真实dom的频繁更新，减少重绘回流、占用内存少
跨平台：一套react代码可以多端运行
缺点：页面首次渲染时，由于多一层虚拟dom的计算，速度比正常慢些
最后
以上就是体贴鸡翅为你收集整理的Real DOM 和 Virtual DOM比较的全部内容，希望文章能够帮你解决Real DOM 和 Virtual DOM比较所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复