KNOWLEDGE / NOTE
DOM 不是字符串
MDN · 站内原创整理
DOM 是浏览器维护的文档对象树,更新页面时应关注节点关系、事件和重排成本。
核心说明
DOM 是浏览器根据 HTML 创建的对象树。脚本通过查询、创建、插入和删除节点改变页面,频繁读写布局属性可能触发额外的布局计算。
关键点
- 优先使用语义 HTML,脚本只负责补充交互,而不是完全用 JS 拼出页面。
- 批量修改前可以先在内存中构造节点,再一次插入文档。
- 需要重复渲染的列表应考虑事件委托和稳定的节点结构。
资料来源 在官方文档中核验:MDN ↗