页面中的懒加载

Question

对于懒加载的话 了解是判断图片所在的位置有没有出现在可视区

那么这些图片是放在哪里的 是之前都已经请求回来的么

还是到那个位置发送ajax 如果发送ajax不是后面的内容也变的很慢么

只有首屏加载 会感觉快了 这样体验也没有说特别好啊

但是我看了下斗鱼的首页 没发现ajax请求剩下的图片

问下图片都存到哪里去了

Answer 1

懒加载是把url地址放在一个自定义属性中，当达到条件，比如要到达可视区，就把这个地址放在src中，<img&nbsp;data-src="xxx.jpg"&nbsp;src=""&nbsp;alt=""/>当然你的src可以放默认显示图片，比较小的还有一种是HTML都是通过ajax添加的，判断当滚动到底部时，ajax请求，得到数据，创建节点，然后append到尾部