图片懒加载
为了优化网页性能，减少网络资源的浪费，我们经常会在有大量静态资源图片时，进行图片懒加载，接下来看看具体操作吧
1.先把所有图片的路径写入data-src中（此时页面不会显示图片）
2.可以设置一些css动画特效
3.监听外部div的scroll滚动事件，当图片进入可视区域(imgTop - boxTop <= box.clientHeight)时，设置图片的src为data-src的值，并给图片添加classname = ‘fade’，就完成啦
getBoundingClientReact().top是距离顶级父元素的高度，imgTop - boxTop <= box.clientHeight时，说明图片此时进入可试区域