angular-lazyload:基于angular扩展可复用懒加载指令

时间:2024-06-07 12:41:32
【文件属性】:

文件名称: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)

网友评论