函数节流与防抖
2019-05-18 本文已影响0人
印第安老斑鸠_333
throttle:
![](https://img.haomeiwen.com/i15938005/b603a1ba9ec8dd77.jpg)
debounce:
![](https://img.haomeiwen.com/i15938005/28f434d8e72b6cf2.jpg)
两者应用场景分析:
打个比方,例如小红在用电脑办公,她很厉害,能够不停的打字,但是当她连续不停的敲击键盘一个小时的时候,突然停电了!如果用防抖的话,那么她这一个小时的工作就全白费了!如果用节流的话,她只会损失很小一部分的工作量!
再打个比方,如果在一个web应用上,小红正在不停的点击按钮,点击该按钮会发送数据到服务器,但是开发人员并不希望用户重复且频繁的发送请求,这时用防抖的话就可以很好的解决这个问题!
节流,无论你做多少操作,它会每隔一段时间才可以执行一次;防抖,它只会以最后一次操作为基准!