MutationObserver、IntersectionObserver和ResizeObserver的用法和区别：

这三个观察者（Observers）都属于Web API，允许开发人员监测DOM元素或其内容的变化，并在发生变化时执行相应的操作。它们之间有一些区别和适用场景

一、MutationObserver

MutationObserver接口提供了一种异步机制来观察DOM树的变化，并在变化发生后触发回调函数。它能够监听DOM节点的属性、子节点的添加/删除以及文本节点的更改等。

1.1用法

const observer = new MutationObserver(callback);

// 配置需要观察的变化类型
const config = {
    attributes: true