懒加载的实现原理?

  意义:懒加载的主要目的就是作为服务器前端的优化,减少请求次数或者延迟请求数。

  实现原理:先加载一部分数据,当触发某个条件时利用异步(async)加载剩余的数据,新得到的数据不会影响原有数据的显示,同时最大幅度的减少服务器端资源耗用。

  实现方式:

  1.第一种是纯粹的延迟加载,使用setTimeOut和setInterval进行加载延迟。

  2.第二种是条件加载,符合某种条件,或是出发某些事件才开始异步加载。

  3.第三种是可视区加载,仅记载用户的可视区域,这个主要监控滚动条来实现,一般会距用户看到某些图片前的一段距离时开始进行记载,这样就可保证用户拉下时正好可以看到加载完毕后的图片或是内容。

posted @ 2018-12-10 10:11  GQMM  阅读(2996)  评论(0编辑  收藏  举报