什么是 DOM?从文档树到页面交互,一次讲清 Document Object Model
DOM 是前端开发里最基础但也最容易被误解的概念之一。本文从浏览器如何把 HTML 变成节点树开始,讲清 Document、Node、Element、querySelector、事件监听、innerHTML 与 textContent 的区别,以及 DOM 与性能之间的真实关系。


3 posts found.
DOM 是前端开发里最基础但也最容易被误解的概念之一。本文从浏览器如何把 HTML 变成节点树开始,讲清 Document、Node、Element、querySelector、事件监听、innerHTML 与 textContent 的区别,以及 DOM 与性能之间的真实关系。
记录将 reui 组件库集成到 Next.js 博客的完整过程:替换 Tooltip 和 Toast 系统、新增面包屑导航与骨架屏、引入标签页视图切换与打字机动画,以及在 MDX 中注册手风琴组件。
复盘一次从自研交互到 Base UI primitives 的重构:Tooltip/Toast/Dialog 接管基础能力,并在 Gallery 中加入指针锚点缩放、按住拖拽平移与键盘快捷键。