防抖和节流

防抖

比如一个button按钮,点击一次请求一次数据库获取信息,如果在一瞬间快速点击,或者一直点击,按理说应该一直获取数据,那么在一秒内获取几十条几百条数据合理吗?

不合理,此时防抖就有价值了,防抖就是加一个定时器,他会根据你最后一次操作跟下一次操作之间间隔时间判断是否最后一次,是否执行事件函数。

第一次你点击后定时器会启动,判断在规定时间内是否再次点击,如果你设置时间为1秒,那么第二次点击的时候,判断间隔时间,如果小于1秒,那么定时器再次启动,会以第二次点击为起点,判断跟第三次点击之间的间隔时间,如果还是小于1秒,那么会以第三次为起点,判断跟第四次之间的间隔时间,如果这1秒内没有任何操作,那么开始执行事件函数。

节流

如果你还是点击button按钮,那么节流就是设置定时器,在规定的时间内你的连续点击视为一次点击,定时器过后,重新计时,在此期间连续操作都视为一次操作

我认为防抖和节流的根本区别就是节流的定时器是无论你什么时候点击,点击多少次,只在规定时间的开始跟结束,而防抖是根据你最后一次操作,定时器能完整走完规定时间才算一次操作

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值