wangyuan0108 / wangyuan0108.github.io

总结记录笔记地址
https://new.buging.cn
2 stars 0 forks source link

在 react 类组件中使用 debounce 和 throttle 函数 | 忆 #40

Open wangyuan0108 opened 5 years ago

wangyuan0108 commented 5 years ago

https://wangyuanweb.top/2019/07/31/yuque/%E5%9C%A8%20react%20%E7%B1%BB%E7%BB%84%E4%BB%B6%E4%B8%AD%E4%BD%BF%E7%94%A8%20debounce%20%E5%92%8C%20throttle%20%E5%87%BD%E6%95%B0/#more

什么是 debouncedebounce,中文翻译为防抖。与之相对应的还有一个概念 throttle —— 节流。两者用来控制某个函数在一定时间内执行多少次的技巧,相似却又不同。关于两者的对比以及使用场景,可以阅读这篇文章来加深了解。本文主要讲述的,是如果在 react components中,使用 debounce 函数来防止回调事件的多次触发,从而提升代码效率。