懒加载的实现思路，避免所有图片在网页加载时全部加载而影响网页性能，通过按需加载来实现
【1】图片加载前，目标位置图片都用白底图片代替，或用gif加载图代替，避免部分浏览器因为img标签中的src为空而显示红叉提示。
【2】关于页面中的元素是否出现在可视范围内，当这个元素的
scrollTop（元素的滚动距离）+winH（当前窗口高度）>=offsetTop（该元素到文档顶部的距离）时即元素可见，此时加载该元素
【3】懒加载将图片地址存放在img标签中的自定义属性中，当滚动事件触发，需要加载该图片时，再将img标签中自定义属性上的地址替换下img标签上的src地址，图片便加载了。
网友评论