MutationObserver 和 ResizeObserve

MutationObserver 接口提供了监视对 DOM 树所做更改的能力
，DOM 的任何变动，比如节点的增减、属性的变动、文本内容的变动都会触发 MutationObserver 事件

var observer = new MutationObserver(function (mutationRecoards, observer) {
    // mutationRecoards 变动数组
    // observer 观察者实例
});

ResizeObserver 接口监视 Element 内容盒或边框盒或者 SVGElement 边界尺寸的变化

new ResizeObserver(callback)

IntersectionObserver 接口（从属于 Intersection Observer API）提供了一种异步观察目标元素与其祖先元素或顶级文档视口（viewport）交叉状态的方法。其祖先元素或视口被称为根（root

var observer = new IntersectionObserver(callback[, options]);