ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

简单理解DOM和虚拟DOM的区别

2021-10-28 23:59:58  阅读:142  来源: 互联网

标签:浏览器 区别 对象 DOM 虚拟 文档 节点


DOM

DOM (文档对象模型),它的作用是将网页转化为一个对象,进而可以对其进行各种操作

节点(node)

节点是 DOM 的基本单位。文档的树形结构(DOM树),就是由各种不同类型的节点组成。每个节点可以看作文档树的一片叶子

传统开发模式

原生JS或JQ操作DOM时,浏览器会从构建DOM树开始从头到尾执行一遍流程,
在操作中,我需要每更新一次DOM节点,浏览器就会全部重新执行一次渲染

虚拟DOM

Web界面由DOM树(树的意思是数据结构)来构建,当其中一部分发生变化时,其实就是对应某个DOM节点发生了变化,虚拟 DOM 就是一个普通的JavaScript 对象
虚拟 DOM 每次更新都尽量避免刷新整个页面,而是有针对性的去刷新那被更改的部分。从而提高效率,节约资源

标签:浏览器,区别,对象,DOM,虚拟,文档,节点
来源: https://blog.csdn.net/qq_39595839/article/details/121025820

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有