防抖与节流

防抖:适用于会多次触发的如input scroll等关联请求的事件,目的是无论触发多少次事件,最后只触发在我们规定的时间内的最后一次事件。

我们实现的思路就是:先设置一个计时器变量,用闭包保存,保证不会被内存释放,在事件触发的时候,也就是只要事件触发,先清除这个计时器,然后再设置一个,那么只要事件持续触发,刚刚建立的定时器就会被销毁,直到最后我们不在触发事件,就执行最后一次设置的定时器。例:

 

 

节流:也就是需要控制触发函数的频率,事件第一次触发的时候,记录下函数执行的时间点,当函数想要再一次执行,需要间隔一定的时间才能执行,也就是每间隔一定的时间,才能触发这个函数,而不能快速触发,这就是节流的方法。

当前时间与上次存储的事件大于一秒则可以触发

 

posted on   SE7EN_96  阅读(31)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示