IntersectionObserver API简单使用方式

介绍

   在前端，有个概念叫做懒加载，通常在图片，文件，ajax的性能优化上使用，在以前呢，我们基本都是使用计时器或者scroll来做这个方案，判断指定元素是否进入到视图，但是这些个方案的计算量，代码量都太多了，存在性能问题；
   我们接下来说的就是2016年出的API，IntersectionObserver，这个API监听指定元素是否进入到当前可视区域，然后在对其做出指定的操作，他的浏览器支持一般：

使用方法

他接收连个参数

1. callBack 当被监听的元素进入可视区域了所做出的操作
2. option 可选参数

现在看一个图片懒加载的小例子：



这是刚刚ioe参数下的属性

看到这，想必你已经大致懂这个API的使用方法了吧，是不是比以前的scroll和计时器方便多了呢