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

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

>>阅读原文<<