type：观察的变动类型（attribute、characterData或者childList）
target：发生变动的 DOM 节点
addedNodes：新增的 DOM 节点
removedNodes：删除的 DOM 节点
previousSibling：前一个同级节点，如果没有则返回 null
nextSibling：下一个同级节点，如果没有则返回 null
attributeName：发生变动的属性。如果设置了attributeFilter，则只返回预先指定的属性。
oldValue：变动前的值。这个属性只对 attribute 和 characterData 变动有效，如果发生 childList 变动，则返回 null
最后，为了在任务完成后停止观察 DOM，可以执行以下操作:
mutationObserver.disconnect();现在，MutationObserver 已经被广泛支持：
MutationObserver 在之前还没有的，那么在 MutationObserver 还没出现之前，开发者采用什么方案呢？
这是几个可用的其他选项：
轮询（Polling）
MutationEvents
CSS animations
轮询（Polling）最简单和最简单的方法是轮询。使用浏览器 setInterval 方法，可以设置一个任务，定期检查是否发生了任何更改。当然，这种方法会显著降低web 应用程序/网站的性能。
MutationEvents在2000年，MutationEvents API 被引入。虽然很有用，但在 DOM中 的每一次更改都会触发改变事件，这同样会导致性能问题。现在 MutationEvents API 已经被弃用，很快现代浏览器将完全停止支持它。
另一个有点奇怪的选择是依赖 CSS 动画。这听起来可能有点令人困惑。基本上，我们的想法是创建一个动画，一旦元素被添加到 DOM 中，动画就会被触发。动画开始的那一刻，animationstart 事件将被触发:如果已经将事件处理程序附加到该事件，那么你将确切地知道元素何时被添加到 DOM 中。动画的执行时间周期应该很小，用户几乎看不到它。
首先，需要一个父级元素，我们在它的内部监听节点的插入：
<div id=”container-element”></div>为了得到节点插入的处理器，需要设置一系列的 keyframe 动画，当节点插入的时候，动画将会开始。
@keyframes nodeInserted { from { opacity: 0.99; } to { opacity: 1; } }创建 keyfram 后，还需要把它放入你想监听的元素上，注意应设置很小的 duration 值 —— 它们将会减弱动画在浏览器上留下的痕迹。
#container-element * { animation-duration: 0.001s; animation-name: nodeInserted; }这会将动画添加到 container-element 的所有子节点。 动画结束时，将触发插入事件。
我们需要一个 JavaScript 函数作为事件监听器。在函数中，必须进行初始的 event.animationName 检查以确保它是我们想要的动画。
var insertionListener = function(event) { // Making sure that this is the animation we want. if (event.animationName === "nodeInserted") { console.log("Node has been inserted: " + event.target); } }现在是时候为父级元素添加事件监听了：
document.addEventListener(“animationstart”, insertionListener, false); // standard + firefox document.addEventListener(“MSAnimationStart”, insertionListener, false); // IE document.addEventListener(“webkitAnimationStart”, insertionListener, false); // Chrome + Safari浏览器对CSS动画的支持情况:
MutationObserver 比上述解决方案有许多优点。本质上，它涵盖了 DOM 中可能发生的每一个更改，并且在批量触发更改时，它的优化程度更高。最重要的是，所有主要的现代浏览器都支持 MutationObserver，还有一些使用引擎下 MutationEvents 的 polyfill。
原文：
代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具Fundebug。
你的点赞是我持续分享好东西的动力，欢迎点赞！
一个笨笨的码农，我的世界只能终身学习！