对懒加载的理解

1.什么是懒加载:

  在用户滚动页面的时候自动获取更多的数据,而新得到的数据不会影响原有数据的显示,所以最大程度上减少了服务器的请求次数。

  在用户需要该资源时才进行加载;

2.懒加载应用场景:

  图片懒加载:当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张内存占用极小的图片占住位置,只有当图片被滑动到浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。

  结构上存在上下级关系,一个父级对应多个子级,层层嵌套,当用户需要某一子级的数据时,只要打开他的父级元素就行了,减少了浏览器刚打开时的请求次数,解决了因数据庞大而导致假死的问题;

3.实现懒加载:

  最基础的一种,通过监听scroll事件实现;

  scrollTop与offsetTop;

 

转载于:https://www.cnblogs.com/flower-y/p/10869965.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值