javascript实现图片懒加载和预加载

所谓懒加载就是经过某些特定的条件，而后再给图片的src赋值，常见的懒加载方式有点击加载和滚动加载。 若是是点击加载，那么通常是经过点击事件。例如： 而后添加点击事件: 效果以下: 若是是加载，那么就有些复杂，首先你要先明白触发加载的条件，通常都是文档的高度-浏览器窗高度-浏览器距离顶部的高度<规定的尺寸。达到必定条件的后,向for循环的图片数组(笔者使用的是vue)添加元素。最困难是获取文档的高度

>>阅读原文<<