【文件属性】：
文件名称：angular-lazyload:基于angular扩展可复用懒加载指令
文件大小：7KB
文件格式：ZIP
更新时间：2021-05-18 18:54:52
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)