Observer

文章来自公众号@神光的编程秘籍，https://mp.weixin.qq.com/s/-fLZe164aWAaPJ55iZ_m2w，相当棒的文章！
https://www.toutiao.com/i7067195576026595871/?tt_from=mobile_qq&utm_campaign=client_share&timestamp=1645873222&app=news_article&utm_source=mobile_qq&utm_medium=toutiao_ios&use_new_style=1&req_id=202202261900210101381720762750E57E&share_token=7E899E4F-E8C5-4F55-BE21-CFB3A7DB3853&group_id=7067195576026595871

网页开发中我们经常要处理用户交互，我们会用 addEventListener 添加事件监听器来监听各种用户操作，比如 click、mousedown、mousemove、input 等，这些都是由用户直接触发的事件。

那么对于一些不是由用户直接触发的事件呢？比如元素从不可见到可见、元素大小的改变、元素的属性和子节点的修改等，这类事件如何监听呢？

浏览器提供了 5 种 Observer 来监听这些变动：MutationObserver、IntersectionObserver、PerformanceObserver、ResizeObserver、ReportingObserver