• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >HBuilder教程 > 分享基于plus.downloader的图片懒加载功能,支持本地缓存

分享基于plus.downloader的图片懒加载功能,支持本地缓存

作者:教程 字体:[增加 减小] 来源:互联网 时间:2017-05-31

本文主要包含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

<script s r c="md5.min.js"></script>

2、在头部js包含下面的lazyload方法函数,否则可能报错函数未定义

3、HTML代码使用ajax动态生成如下img标签,src为默认图片,data-src填写图片网络地址,并且必须包含onload事件来触发懒加载功能。

<img s r c="placehold.jpg" data-s


 

您可能想查找下面的文章:

  • 分享基于plus.downloader的图片懒加载功能,支持本地缓存

相关文章

  • 2017-05-31MUI-页面传参数
  • 2017-05-31mui gps关闭或者禁用的请款下,获取经纬度的功能该如何处理?
  • 2017-05-31MUI 解决弹出输入法时页面高度变小导致底部上浮的问题
  • 2017-05-31【示例】使用mui懒加载插件实现动态懒加载图文信息
  • 2017-05-31HBuilder开发App教程-推开前端开发App的大门
  • 2017-05-315+APP优化技巧之优化启动速度
  • 2017-05-31MUI APP防止登陆页面出现白屏
  • 2017-05-31小米手机安装HBuilder调试基座报错Failure [INSTALL_CANCELED_BY_USER]
  • 2017-05-31Android硬件加速的配置与踩坑注意
  • 2017-05-31hbuilder mui HBuilder中Autoprefixer的配置方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Hbuilder MUI第三方授权登录插件配置
    • Native.js直接拨打电话-Android平台
    • hbuilder mui HTML5 WebApp开发事件绑定
    • 分享基于plus.downloader的图片懒加载功能,支持本地缓存
    • HBuilder 打包生成APP的时候可以生成 IOS的 Bundle ID吗?
    • HTML5+开发移动app教程-原理介绍
    • mui中popover顶部弹出菜单位置不准确以及无法收回的问题
    • 讲讲HTML5的APP的登录功能及安全调用接口的方式原理
    • Hbuilder mui微信支付一些问题总结
    • 提交苹果App store审核强制要求ATS的问题

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有