Observer

观察者(Observer)是一个观察或注意事物的程序。观察者可以观察浏览器中发生的某些活动并做出相应的响应。观察者类似于狗,观察某些活动,并提醒我们发生了一些不寻常的事情。一旦我们为某些活动获取到狗发出的警告时,我们有责任采取相应的行动。

使用观察者我们可以观察浏览器中发生的不同类型的活动(Activity),并采取必要的行动。比如,可以观察一个视频是否在视窗中显示,并启用自动播放;比如从父 DOM 元素中添加或删除子元素;比如一个盒了元素的大小尺寸发生变化等等。以下是现代浏览器支持的四种不同类型的观察者:

  • Intersection Observer

  • Mutation Observer

  • Resize Observer

  • Performance Observer