首页技术文章正文

什么是虚拟DOM?如何理解虚拟DOM?

更新时间:2021-05-18 来源:黑马程序员 浏览量:

什么是虚拟DOM? 

文档对象模型或DOM定义了一个接口,该接口允许JavaScript之类的语言访问和操作HTML文档。元素由树中的节点表示,并且接口允许我们操纵它们。但是此接口需要付出代价,大量非常频繁的DOM操作会使页面速度变的非常缓慢。

Vue通过在内存中实现文档结构的虚拟表示来解决此问题,其中虚拟节点(Vnode表示DOM树中的节点。当需要操纵时,可以在虚拟DOM的内存中执行计算和操作,而不是在真实DOM上进行操纵。这自然会更快,并且允许虚拟DOM算法计算出最优化的方式来更新实际DOM结构,一旦计算出,就将其应用于实际的DOM树,这就提高了性能,这就是为什么基于虚拟DOM的框架(例如 Vue 和 react)如此突出的原因。



猜你喜欢:

Scala算术操作符重载怎样使用?与Java语法的区别有哪些

java方法的重载,如何使用方法重载?

黑马程序员Java开发培训课程



下面是黑马程序员公开的几套java视频教程,可以跟着学习学习,如果想深入学习Java,找到java相关工作,推荐报班学习黑马程序员Java高级软件工程师课程。



分享到:
在线咨询 我要报名
和我们在线交谈!