react 虚拟DOM

作者: IOneStar | 来源:发表于2022-01-18 09:40 被阅读0次

是什么:

  • 是 JS 对象
  • 是对真实 DOM 的描述

React 组件的挂载阶段:根据 JSX 构建虚拟 DOM, ReactDOM.render 实现虚拟 DOM 到真实 DOM 的映射
React 组件的挂载阶段:页面变化,体现在虚拟 DOM 上,然后变化前后的虚拟 DOM 对比,将变化的部分作用于真实的 DOM。

虚拟 DOM 在 react 的工作流中起的作用?

  • 初始化时,执行 render,构建虚拟 DOM, ReactDOM.render 将虚拟 DOM 渲染为真实 DOM。
  • 更新时,执行 render,构建虚拟 DOM,通过 diff 算法得出更新前后的差异,ReactDOM.render 将计算得到的差异的虚拟 DOM 渲染为真实 DOM。

虚拟 DOM 解决了什么问题

  • 研发体验/研发效率
  • 跨平台

相关文章

网友评论

    本文标题:react 虚拟DOM

    本文链接:https://www.haomeiwen.com/subject/xiqkhrtx.html