自己写的项目如何改造成图片懒加载

发布于 2022-09-05 06:29:58 字数 42 浏览 32 评论 0

如题 ,自己仿写的项目如何改造成图片懒加载的呢??完全没有头绪,求指点

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

最单纯的乌龟 2022-09-12 06:29:58

大哥,你可以先去搜索一下,再来提问吗?

1) 确定哪些图要懒加载,并分个批次。

一般用于确认需要懒加载的图片都是在dom结构中比较靠后,图片比较大的,或者一开始在视窗之外的图片。

2) 确定加载时机、策略和预先占位图片

加载时机、策略可以是,当页面滚动条距离视窗底部的距离小于50px后,开始加载资源元素。

当图片未加载完毕时,使用预先占位图片。

至于详细代码,你还是去网上找一下。一搜一大把

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文