概述MutationObserver 提供异步批量的 DOM 变更通知。可观测子树、属性与文本变更,并在回调中进行批处理与最小化更新。用法/示例const obs = new MutationObserver(list => { // 批处理变更,最小化重排 }) obs.observe(document.getElementById('root'), { subtree: true, childList: true, attributes: true, attributeFilter: ['aria-expanded'] }) // 结束观测 obs.disconnect() 工程建议精确配置观测范围与过滤,避免过度观测造成性能问题。在回调中合并操作与使用合成属性,降低布局与绘制成本。结合性能采集与调试工具定位热点与误用,必要时改用框架数据层。参考与验证MDN:MutationObserver — https://developer.mozilla.org/docs/Web/API/MutationObserver

发表评论 取消回复