<script type="text/javascript">
/* 1.图片懒加载
图片懒加载也叫图片延迟加载.
2.图片懒加载运用范围
2.1 图片比较多的一些网页 美丽说这类网站
2.2 或者一些导购网站 例如淘宝,京东
3.图片懒加载步骤
1.image中src放一张占位图
2.真实图片放到data-*(其中*可以任意取名)中
3.配合页面滚动事件使用,
滚动时判断:带加载的资源相对于浏览器顶端的距离(offsetTop)<=可视区相对于浏览器顶端的距离(document.scrollTop+window.innerHeight) 如果true 就把真实图片的地址赋给src进行加载显示
*/
</script>
[js点滴]JavaScript之懒加载概念
最新推荐文章于 2022-04-25 16:17:20 发布