函数节流、防抖函数,面试/优秀代码必备

函数节流、防抖函数是两个不同的出发点,但是方法论都是一样的。

函数节流:节流,就是减少没必要的输出,就是防止一个函数没执行完,同个函数又开始执行了,性能的浪费。
防抖函数:短时间执行多次函数,等他们都执行完了就会一起刷新展示出来,导致页面抖动。

常用场景:重复点击查询列表、关键词搜索、屏幕大小改变监听函数等。

eg:
屏幕大小改变是个拖动过程,函数会执行超多次的,实际你只想要有意义的那么几次,怎么才算有意义呢,这个场景的话,一般是行为结束后0.几秒时候才是有意义的。那么就可以设置一个定时器。

解决办法

都是一样的,不同场景小微调吧

伪代码:
{
清除定时器time
this.time= 定时器({回调函数},时间)
}

猜你喜欢

转载自blog.csdn.net/weixin_45629623/article/details/115071334