图片懒加载的实现方法(包括函数节流与函数防抖)

转载 (原文地址) tiffany拉拉 随笔 js 459阅读 2018-04-27 15:21:25 举报

转载过来的,图片懒加载的方法,自己试了一下,是OK的。
代码放在这里,以备不时之需,其实对其中的实现方法还是不太理解。
比如:1、throttle(),与lazyload()函数好像都使用了闭包,不太理解为啥要这样用。
2、throttle()中,这段代码不是很懂为什么要这样判断。

要是有大神路过,希望帮忙解答一下,哈哈

一些知识扩展:
html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
JavaScript函数节流和函数防抖之间的区别

评论 ( 4 )
最新评论
tiffany拉拉 3F 2018-05-02 10:17:39 4F

懂了,谢谢大神

hugeannex 2F 2018-04-28 09:04:35 3F

前面的回复竟把节流说成防抖了(一时脑子短路)。
startTime=curTime;假如curTime(当前时间为1),下个时间为2
那下一回,curTime=2,而startTime仍在1,一比较。。。

tiffany拉拉 1F 2018-04-27 19:20:54 2F

这是第一次知道还有函数防抖这种说法,以前只知道有函数节流,
大神,我还想问一下,startTime这个时间获取之后,是不是就销毁了?不然的话,curTime也是获取当前的时候,那它俩的值岂不是一样了

hugeannex 2018-04-27 16:36:57 1F

设计模式的一种。
你这防抖并不精简。。。
那样判断,就是为了大于多少秒,才执行一次。。。。