为提高页面加载速度,需要先将img标签中的src链接设为同一张图片或者空白图片,将其真正的图片地址存储在img标签的自定义属性中。当js监听到该图片元素进入可视窗口时,将自定义属性中的地址写到src属性中,达到懒加载的效果。
me-lazyloadGitHub - wyntau/me-lazyload: image lazyload directive for angularimage lazyload directive for angular. Contribute to wyntau/me-lazyload development by creating an account on GitHub.https://github.com/wyntau/me-lazyload
下载下来运行index.html可以看到demo实例。
集成步骤:(1)将me-lazyload.js引入需要的工程
(2)将me-lazyload注入根模块module或者需要使用的module
var app= angular.module('myApp',['me-lazyload']);
(3)将图片的src
替换成lazy-src
关注
打赏
最近更新
- 深拷贝和浅拷贝的区别(重点)
- 【Vue】走进Vue框架世界
- 【云服务器】项目部署—搭建网站—vue电商后台管理系统
- 【React介绍】 一文带你深入React
- 【React】React组件实例的三大属性之state,props,refs(你学废了吗)
- 【脚手架VueCLI】从零开始,创建一个VUE项目
- 【React】深入理解React组件生命周期----图文详解(含代码)
- 【React】DOM的Diffing算法是什么?以及DOM中key的作用----经典面试题
- 【React】1_使用React脚手架创建项目步骤--------详解(含项目结构说明)
- 【React】2_如何使用react脚手架写一个简单的页面?