实现图片懒加载

图片懒加载：当页面滚动到图片的位置时或者说图片出现在浏览器窗口时再去发送网络请求图片资源加载出来 所以就有两个问题

• 1. 如何判断图片出现在当前窗口
• 2. 如何控制图片加载

方法一

这里使用的是一个 H5 的新 api IntersectionObserver

方法二

<img src="" loading="lazy" />