深圳智学无忧教育科技(单题)

题型 难易度 出现频率 浏览 评论
问答题 47 0
试题信息收集不易,转发请带上出处,不甚感谢!如果您对任何编程问题还有疑问,欢迎点击下方按钮向老师提问!
问答题

:即是延迟加载。

懒加载的原理就是先在页面中把所有的图片统一使用一张占位图进行占位,把正真的路径存在元素的“data-url”(这个名字起个自己认识好记的就行)属性里,要用的时候就取出来,再设置。

实现步骤:首先,不要将图片地址放到src属性中,而是放到其它属性(data-original)中;页面加载完成后,根据scrollTop判断图片是否在用户的视野内,如果在,则将data-original属性中的值取出存放到src属性中;在滚动事件中重复判断图片是否进入视野,如果进入,则将data-original属性中的值取出存放到src属性中。

优点:页面加载速度快、可以减轻服务器压力、节约了流量,用户体验好。


还能输入{{limitInput-commentDet.length}}个字符