本文将会介绍 npm 包 done-mutation 的基本用法以及使用指南。done-mutation 是一个帮助你跟踪 DOM 元素变化的库，它可以帮助你将所有 DOM 元素的变化记录下来，从而让你的代码更加稳定可靠。
安装
在开始使用 done-mutation 之前，你需要先安装它。你可以通过 npm 命令来进行安装：
npm install done-mutation
基本用法
在安装好 done-mutation 之后，你需要在你的 js 文件中导入它：
import doneMutation from 'done-mutation';
然后，你需要通过 done-mutation 来创建一个 mutation observer：
const observer = doneMutation({
callback: (mutationsList, observer) => {
// 在这里处理 DOM 变化的回调函数
},
});其中，callback 是用来处理 DOM 变化的回调函数，mutationsList 返回的是一个包含所有 DOM 变化信息的数组。同时，你也可以通过 options 参数来自定义 observer：
-- -------------------- ---- -------
----- -------- - --------------
--------- --------------- --------- -- -
-- ----- --- -------
--
------- -------------- -- -------
-------- -
----------- ----- -- --------
---------- ----- -- ---------
-------- ---- -- ---------------
-
---创建好 observer 之后，你需要手动开始监听 DOM 变化：
observer.observe(document.body, {
childList: true,
subtree: true,
attributes: true
});当你想要停止监听 DOM 变化时，你可以调用 disconnect() 方法：
observer.disconnect();
示例代码
-- -------------------- ---- -------
------ ------------ ---- ----------------
----- -------- - --------------
--------- --------------- --------- -- -
---------------------------
--
------- --------------
-------- -
----------- -----
---------- -----
-------- ----
-
---
------------------------------- -
---------- -----
-------- -----
----------- ----
---总结
使用 done-mutation 可以轻松地跟踪 DOM 元素的变化，同时也可以提高你的代码的稳定性和可靠性。希望本文对你有所帮助，如果你有任何问题或建议，欢迎在评论区留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/75783