本文主要包含plus.downloader,fvd downloader,fvd downloader插件,youtube downloader,vso downloader等相关知识,教程希望在学习及工作中可以帮助到您
");
</div>
今天试用了下hello mui上的图片懒加载功能,发现有些地方还无法满足我的需求,ajax动态加载的时候无法实现懒加载。
然后又看了下36kr的示例,因为代码关系实在太多了,耦合度比较高,遂自己动手写了一个轻量级的懒加载功能模块,而且支持图片缓存到本地哦~~~
欢迎各位拍砖,交流碰撞思想!
</div>
功能特性
~原生实现,不依赖任何前端框架
~ajax动态加载支持图片懒加载
~支持图片缓存到本地
~轻量模块化
如何使用
1、引入md5.min.js,因为依赖js版md5函数,用于将图片url转换为32位md5
2、在头部js包含下面的lazyload方法函数,否则可能报错函数未定义
3、HTML代码使用ajax动态生成如下img标签,src为默认图片,data-src填写图片网络地址,并且必须包含onload事件来触发懒加载功能。