前端实现图片懒加载思路

大家都知道，一张图片就是一个<img>标签，而图片的来源主要是src属性。浏览器是否发起亲求就是根据是否有src属性决定的。既然这样，那么我们就要对<img>标签的src属性下手了，在没进入可视区域的时候，我们先不给这个<img>标签赋src属性，这样岂不是浏览器就不会发送请求了。

总结：我们知道了从<img>标签下手，那么更重要的就是可视区域的判断了，这就是核心之处了。

IMG_20190222_114404.jpg

最后：
将页面里所有img属性src属性用data-xx代替，当页面滚动直至此图片出现在可视区域时，用js取到该图片的data-xx的值赋给src。

其它：
设置图片外层容器背景图 5k 左右，然后内层img标签放图片