防抖与节流

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

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

 

 

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

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

 

posted on 2022-02-14 10:38  SE7EN_96  阅读(30)  评论(0编辑  收藏  举报

导航