为了账号安全,请及时绑定邮箱和手机立即绑定

页面中的懒加载

页面中的懒加载

喵喵时光机 2019-02-07 14:12:44
对于懒加载的话 了解是判断图片所在的位置有没有出现在可视区那么这些图片是放在哪里的 是之前都已经请求回来的么还是到那个位置发送ajax 如果发送ajax不是后面的内容也变的很慢么只有首屏加载 会感觉快了 这样体验也没有说特别好啊但是我看了下斗鱼的首页 没发现ajax请求剩下的图片问下图片都存到哪里去了
查看完整描述

1 回答

?
GCT1015

TA贡献1827条经验 获得超4个赞

懒加载是把url地址放在一个自定义属性中,当达到条件,比如要到达可视区,就把这个地址放在src中,

<img data-src="xxx.jpg" src="" alt=""/>

当然你的src可以放默认显示图片,比较小的
还有一种是HTML都是通过ajax添加的,判断当滚动到底部时,ajax请求,得到数据,创建节点,然后append到尾部


查看完整回答
反对 回复 2019-02-19
  • 1 回答
  • 0 关注
  • 551 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号