为什么要进行懒加载
懒加载其实就是优先加载可视区域的内容，其它部分等进入了可视区域再进行加载
我们需要懒加载，进入页面的时候，只请求可视区域的图片资源，原因如下
1.全部加载的话会影响用户体验
2.浪费用户流量，有些用户并不想全部看完，全部加载会耗费大量流量
实现原理：
由于网页中占用资源较多的一般都是图片，所以我们一般实施懒加载都是对图片资源而言的，所以这里实现的原理主要是针对图片
大家应该都知道，一张图片就是一个标签，而图片的来源主要是src属性，浏览器是否发起请求就是根据是否有src属性决定的；既然这样，那么我们就要对
标签进行控制，在没有进入可视区域的时候，我们先不给这个
标签赋予src属性，这样就可以实现浏览器不会发送请求。
实现懒加载步骤主要有四个：
1.加载loading图片
2.判断哪些图片要加载
3.隐形加载图片
4.替换真图片
其实，总体来说，懒加载有两个重点
其一：元素到各个边距的距离
其二：判断元素是否在可视区域内
