虚拟DOM(Virtual DOM)和真实DOM(Real DOM)区别
2025-03-26 10:19:19 阅读次数:1
DOM,更新,渲染,虚拟
虚拟DOM(Virtual DOM)
- 虚拟DOM是以Javascript的形式存在来描述DOM,创建虚拟DOM的目的就是将虚拟DOM更好的渲染到页面UI中,它与真实的DOM是一一对应的
- 不可以直接更新HTML
- 元素更新,更新JSX
- 操作DOM方便,消耗少的内存,更新快
真实DOM(Real DOM)
- 真实的DOM类似于一个文档对象模型,页面上渲染出来的节点都是真实的DOM
- 可以直接更新HTML
- 元素更新,创建新的DOM
- 操作DOM比较麻烦,消耗很大的内存
虚拟dom原理流程
- 用JavaScript模拟DOM树,并渲染这个DOM树
- 比较新老DOM树,得到比较的差异对象
- 把差异对象应用到渲染的DOM树

版权声明:本文内容来自第三方投稿或授权转载,原文地址:https://blog.csdn.net/qq_34574204/article/details/121241803,作者:大莲芒,版权归原作者所有。本网站转在其作品的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系,请发邮件至ctyunbbs@chinatelecom.cn沟通。
上一篇:Leetcode 74.搜索二维矩阵