懒加载的实现原理?
意义:懒加载的主要目的就是作为服务器前端的优化,减少请求次数或者延迟请求数。
实现原理:先加载一部分数据,当触发某个条件时利用异步(async)加载剩余的数据,新得到的数据不会影响原有数据的显示,同时最大幅度的减少服务器端资源耗用。
实现方式:
1.第一种是纯粹的延迟加载,使用setTimeOut和setInterval进行加载延迟。
2.第二种是条件加载,符合某种条件,或是出发某些事件才开始异步加载。
3.第三种是可视区加载,仅记载用户的可视区域,这个主要监控滚动条来实现,一般会距用户看到某些图片前的一段距离时开始进行记载,这样就可保证用户拉下时正好可以看到加载完毕后的图片或是内容。