文件名称:angular-lazyload:基于angular扩展可复用懒加载指令
文件大小:7KB
文件格式:ZIP
更新时间:2024-06-07 12:41:32
JavaScript
#angular-lazyload 关于 基于angular 编写的可复用图片懒加载指令 思路 图片的src不要使用真实地址, 用一个属性保存在元素上 把所有需要使用延迟加载的图片元素放到一个数组中 初始化的时候检查数组中的元素是否在出视范围内 ,可视范围内即加载 给window绑定滚动事件来检查图片是否需要加载 加载完成的img从列队中删除 应用场景 当过多的图片还没出现在视野的时候就已经下载,可以使用angular-imglazyload 来避免这种无谓的请求提高性能 安装 项目使用可以直接 bower install angular-imglazyload 下载至项目使用 ,学习的同学可参照下面步骤 克隆项目到本地 git clone https://github.com/angular-directive/angular-lazyload.git 要跑demo环境要求 node ,
【文件预览】:
angular-lazyload-master
----.gitignore(170B)
----package.json(686B)
----gulpfile.js(832B)
----dist()
--------lazyload.js(2KB)
----README.md(1KB)
----demo()
--------lazyload.js(2KB)
--------lazyload.html(1KB)
--------lazyload.css(169B)
--------index.html(1KB)
----bower.json(499B)