图片懒加载

最新推荐文章于 2024-08-27 22:36:25 发布

wu_xiao_qing

最新推荐文章于 2024-08-27 22:36:25 发布

阅读量208

点赞数

分类专栏： javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/wu_xiao_qing/article/details/79016447

版权

javascript 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

懒加载的原理是通过监听页面滚动时间==事件，再动态的复制给IMG标签的src属性。IMG自定义属性命名为data-src

<img class="lazyload" data-src="图片真实路径"/>

window.addEventListener('sroll',loadImage,false)

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

wu_xiao_qing CSDN认证博客专家 CSDN认证企业博客

码龄8年

97: 原创

19万+: 周排名

121万+: 总排名

18万+: 访问

: 等级

2481: 积分

18: 粉丝

29: 获赞

29: 评论

48: 收藏

私信

关注

热门文章

分类专栏

javascript 32篇
angular 2篇
html5css3 35篇
jquery 4篇
vue.js 4篇
bootstrap 1篇
React 1篇

最新评论

vue.js中字符串倒转
yimeixiaomengxin: 反转了啊
echarts中y轴的自适应
小布2025: option={"color":["#69A1FF","#5EDFD6","#F7B15A","#F98A81","#FCF26B","#E865DF","#4DD263","#FA79B7 ","#C9E968","#A871E3 "],"title":[{"show":true,"text":"总图","textStyle":{"fontSize":"12"},"top":0,"bottom":0,"right":0,"left":0}],"legend":[{"type":"scroll","top":"20","left":"0"}],"tooltip":[{"trigger":"axis"}],"toolbox":[{"itemSize":10,"feature":{"dataZoom":{},"dataView":{},"restore":{},"saveAsImage":{}},"top":40}],"dataset":[{"source":[["TL2C0058A0",0.0419,0.045325,0.047850000000000004,0.050725,0.0564],["TL2C0060B0",0.0372,0.0462,0.04895,0.051375,0.0582],["TL2C0108A0",0.0429,0.045325,0.047700000000000006,0.049275,0.0546]]}],"xAxis":[{"show":true,"type":"category"}],"yAxis":[{"show":true,"type":"value","offSet":0,}],"series":[{"type":"boxplot","name":"","large":true,"yAxisIndex":0,"datasetIndex":0,"label":{"show":false,"position":"top"}}],"grid":[{"show":false,"left":40,"right":0,"bottom":30}]} 我这个加了 scale:true 拉的太长了有点怪怪的
echarts中y轴的自适应
安逸尘233: y轴得刻度应该是取最高或者最低来做...
create-react-app typescript 引入scss
Mx_1001: 天啊，谢谢谢谢，找了好多方法。用creat-react-app project-name --template typescript 创建项目的，引入scss都好麻烦，原来只用安装一个node-sass-chokidar就好了。谢谢分享
vue.js中字符串倒转
A默苍离: 反转个屁就第一个

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。