面试6

来源:互联网 发布:护手霜 知乎 编辑:程序博客网 时间:2024/06/06 03:06

懒加载的实现原理(除了使用插件)

大致(细节需要再看代码)

先将img标签中的src链接设为同一张图片(空白图片),将其真正的图片地址存储在img标签的自定义属性中(比如data-src)。当js监听到该图片元素进入可视窗口时,即将自定义属性中的地址存储到src属性中,达到懒加载的效果。

这样做能防止页面一次性向服务器响应大量请求导致服务器响应慢,页面卡顿或崩溃等问题。

0 0
原创粉丝点击