指南
DOM: 文档对象模型 (Document Object Model)
HTML 文档的结构化树表示，浏览器使用它来渲染页面并执行 JavaScript。
发表于
目录
定义
HTML 文档的结构化树表示，浏览器使用它来渲染页面并执行 JavaScript。
文档对象模型 (DOM) 是浏览器提供的一个 API。当浏览器收到 HTML 文档时，它会解析文本并构建一棵对象（节点）树，代表页面上的每一个元素、属性和文本片段。
为什么重要
DOM 是用户所见内容的最终真实来源。然而，通过 JavaScript 直接更新 DOM 在计算上是昂贵的。这种性能瓶颈正是现代 UI 库（如 React 或 Vue）发明虚拟 DOM（Virtual DOM）的原因——这是一种内存中的轻量级树副本，用于计算所需的最小实际 DOM 更新量。
真实 DOM vs. 虚拟 DOM
- 真实 DOM： 由浏览器维护的实际树结构。从中读取或写入会触发昂贵的布局重新计算和重绘。
- 虚拟 DOM： 一个反映真实 DOM 的 JavaScript 对象。框架会快速更新虚拟 DOM，计算出“差异（diff）”，然后仅将改变的节点应用到真实 DOM 上。