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

本文主要是介绍简单理解DOM和虚拟DOM的区别，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

DOM

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

节点（node）

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

传统开发模式

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

虚拟DOM

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

这篇关于简单理解DOM和虚拟DOM的区别的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！