react 虚拟DOM

是什么:

  • 是 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 解决了什么问题

  • 研发体验/研发效率
  • 跨平台
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容