【性能优化】实现图片懒加载

当打开一个网页的时候，如果网页中图片数量很多，那么加载压力过大，页面比较卡顿；

但实际上，我们看到的图片仅仅是首屏那几张，当用户没有向下滚动的时候，就不需要加载下面的图片。

【原理】

先将img的src链接设置为同一张图片（比如空白图片），然后给img设置自定义属性（比如data-src属性），并将真正的图片地址存储在data-src中，当JS监听到当前图片元素进入到可视窗口时，将自定义属性中的地址存储赋给src属性，达到懒加载属性中。