2.1虚拟 DOM 与 Diff 算法

文档摘要

2.1虚拟 DOM 与 Diff 算法 React 核心概念：虚拟 DOM 与 Diff 算法 React 能够高效地更新和渲染用户界面，其核心在于虚拟 DOM (Virtual DOM) 和 Diff 算法。虚拟 DOM 是一种轻量级的 JavaScript 对象，它代表了实际的 DOM 结构。 Diff 算法则负责比较新旧虚拟 DOM 树，找出差异并仅将这些差异应用到实际 DOM 上，从而最大程度地减少直接操作 DOM 的次数，提升性能。虚拟 DOM (Virtual DOM) 1.1 什么是虚拟 DOM？虚拟 DOM 实际上是一个 JavaScript 对象，它以树形结构来描述真实 DOM 的结构。每个虚拟 DOM 节点都对应着真实 DOM 中的一个元素或组件。