懒加载原理

1.懒加载原理就是在图片没有进入到可视区域的时候，先不给<img>的src赋值，这样浏览器就不会发送请求啦，等到图片进入到可视区域再给src赋值。

懒加载的思路及实现

实现懒加载的四个步骤

1. 先加载loading图片
2. 判断哪些图片需要加载
3. 隐形的加载图片
4. 替换真图片

加载loading图片，<img>标签中存放一张伪图片，自定义属性中存放一张真实图片

 如何判断图片进入到可视区域？

当图片距离顶部的距离top-height等于可视区域和滚动区域高度之和时说明图片马上要进入可视区了。