利用IntersectionObserver新api的img插件, 不会阻塞主线程.旧版本浏览器可以使用polyfill
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| dataSrc | 懒加载图片的data-属性,只需写data-后的 | string | src |
| root | 懒加载图片的父元素 | htmlElement | document |
| rootMargin | 距离图片出现的边界,可提前加载 | string | 0px |
| 方法名 | 说明 |
|---|---|
| update | 报错fallback处理,强制下载显示所有图片 |
| destroy | 销毁LazyLoad实例程序 |
- effect 图片出现效果 fadeIn等 200-400ms 暂时觉得用处不大
- vue等使用webpack打包构建的图片 data-src图片路径和hash并对不上,这是个问题...