防抖和节流是什么？
防抖节流就是使用定时器来实现我们的目的。防抖(debounce)： 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。
典型的案例就是输入框搜索：输入结束后n秒才进行搜索请求，n秒内又输入的内容，则重新计时。
节流(throttle)：
规定在一个单位时间内，只能触发一次函数，如果这个单位时间内触发多次函数，只有一次生效。 典型的案例就是鼠标不断点击触发，规定在n秒内多次点击只生效一次。
为什么要掌握防抖和节流 函数节流与函数防抖都是可以限制函数的执行频次，根据不同的场景来对执行频率进行限制，避免了函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。
相关推荐HOT
更多>>
setState同步还是异步的？
分版本来讲，在 react17 中，setState 是批量执行的，因为执行前会设置 executionContext。但如果在 setTimeout、事件监听器等函数里，就不会设...详情>>
2023-05-09 15:21:20
怎么将string字符串转换成byte[]数组？
例如，使用默认字符集转换可以如下所示： 也可以指定字符集： 这将使用UTF-8字符集将字符串转换成字节数组。详情>>
2023-04-25 17:14:58
如何禁用浏览器的前进和后退功能
URL) 本质就是在进入页面或者路由跳转的时候在历史记录中保存一条没有意义的记录，这样用户在点击前后后退按钮的时候就没有效果。详情>>
2023-04-19 10:36:58
react传值是什么意思？
react是组件化的框架，组件实例间作用域是互相隔离的，所以组件间的通信就变成了开发过程中常常要解决的问题，根据场景可以分为： 父子组...详情>>
2023-04-18 17:23:22热门推荐
技术干货
京公网安备 11010802030320号