您当前的位置: 首页 >  ar

培根芝士

暂无认证

  • 0浏览

    0关注

    446博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

Angular使用me-lazyload实现图片懒加载

培根芝士 发布时间:2022-04-26 18:31:07 ,浏览量:0

为提高页面加载速度,需要先将img标签中的src链接设为同一张图片或者空白图片,将其真正的图片地址存储在img标签的自定义属性中。当js监听到该图片元素进入可视窗口时,将自定义属性中的地址写到src属性中,达到懒加载的效果。

me-lazyload

GitHub - 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

            
关注
打赏
1660824269
查看更多评论
0.0372s