当前位置: 首页 > 知识库问答 >
问题:

是什么因素推动虚拟DOM优于浏览器本机DOM?[关闭]

汪晟睿
2023-03-14

作为一个指针,我觉得这可能与运行时需要从JIT JavaScript跳到本地DOM操作代码时的上下文切换有关,但我从未找到关于这一点的明确答案。

共有1个答案

闻人志
2023-03-14

每次操作Dom时,都会发生重新绘制和回放。

当对元素外观所做的更改改变了可见性,但不影响其布局时,就会发生重绘。这方面的例子包括轮廓、可见性或背景色。

虚拟Dom确保您总是最小化地更新Dom。

 类似资料:
  • 本文向大家介绍什么是虚拟DOM?相关面试题,主要包含被问及什么是虚拟DOM?时的应答技巧和注意事项,需要的朋友参考一下 虚拟 dom 是相对于浏览器所渲染出来的真实 dom 的,在react,vue等技术出现之前,我们要改变页面展示的内容只能通过遍历查询 dom 树的方式找到需要修改的 dom 然后修改样式行为或者结构,来达到更新 ui 的目的。 这种方式相当消耗计算资源,因为每次查询 dom 几

  • 根据我的理解,虚拟DOM是一个由Javascript对象组成的树,有父/子对象等,但没有真正DOM的大部分“沉重”特性。框架(例如React/VUE)通过从头创建一个虚拟DOM来响应模型状态的变化,然后对虚拟DOM的最后一个版本进行比较,以确定要改变什么真实的DOM。 我读过的许多文章都声称虚拟DOM的速度更快,因为真正的DOM在每次发生更改时都必须重新布局(甚至重新绘制),但事实并非如此--只有

  • 本文向大家介绍react的虚拟DOM和vue的虚拟DOM有什么区别?相关面试题,主要包含被问及react的虚拟DOM和vue的虚拟DOM有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 React 是数据先生成 vdom,然后对比 vdom(实现上并非先后顺序,两棵树边遍历边生成新的树),最后通过新的 DOM 树渲染。 Vue 是数据先进性对比,先通过数据的不同,再去更新 vdom(这不知道

  • 我知道如果在vanilla js中更改DOM,整个浏览器每次都会进行中继输出和重新绘制。 这是vanillajs测试代码 这是react测试代码 基准结果站点js-framework-benchmark result 和githubsite js-framework-benchmark github

  • 由于DOM具有结构,我认为在很多情况下,我们知道将要进行的确切更改,在这些情况下,我看不到虚拟DOM的优势。我是不是漏掉了这幅画中一些重要的部分? 我看到了一些关于虚拟DOM主题的其他讨论,但我觉得它没有回答我的问题。我希望举一个例子会使它更具体。

  • 前言 vdom 是 vue 和 React 的核心,先讲哪个都绕不开它。 vdom 比较独立,使用也比较简单。 如果面试问到 vue 和 React 和实现,免不了问 vdom: vdom 是什么?为何会存在 vdom? vdom 的如何应用,核心 API 是什么 介绍一下 diff 算法 什么是 vdom 什么是 vdom DOM操作是昂贵的。 步骤一:用JS对象模拟DOM树 步骤二:比较两棵虚