1.什么是懒加载:

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

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

2.懒加载应用场景:

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

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

3.实现懒加载:

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

  scrollTop与offsetTop;

 

posted on 2019-05-15 17:26  lia二娃  阅读(306)  评论(0编辑  收藏  举报