超简单的图片懒加载

图片懒加载 为了优化网页性能，减少网络资源的浪费，我们经常会在有大量静态资源图片时，进行图片懒加载，接下来看看具体操作吧 1.先把所有图片的路径写入data-src中（此时页面不会显示图片） 2.可以设置一些css动画特效 3.监听外部div的scroll滚动事件，当图片进入可视区域(imgTop - boxTop <= box.clientHeight)时，设置图片的src为data-src的值

>>阅读原文<<