0
点赞
收藏
分享

微信扫一扫

什么是防抖和节流?有什么区别?如何实现

巧乐兹_d41f 2022-04-13 阅读 62
javascript

1.定义节流:

n 秒内只运⾏⼀次,若在 n 秒内重复触发,只有⼀次⽣效防抖:

n 秒后在执⾏该事件,若在 n 秒内被重复触发,则重新计时

2.相同点:

都可以通过使⽤ setTimeout 实现⽬的都是,

降低回调执⾏频率。节省计算资源

3.不同点:

函数防抖,在⼀段连续操作结束后,处理回调,利⽤clearTimeout和 setTimeout实现。

函数节流,在⼀段连续操作中,每⼀段时间只执⾏⼀次,频率较⾼的事件中使⽤来提⾼性能

函数防抖,关注⼀定时间连续触发的事件,只在最后执⾏⼀次,⽽函数节流⼀段时间内只执⾏⼀次

节流

完成节流可以使⽤时间戳与定时器的写法使⽤时间戳写法,

事件会⽴即执⾏,停⽌触发后没有办法再次执⾏

防抖

 

举报

相关推荐

0 条评论