分类：函数节流

2021
07-01

如何理解JS函数防抖和函数节流

目录概述1.函数防抖（debounce）2.函数节流（throttle）概述函数防抖和函数节流都是定义一个函数，该函数接收一个函数作为参数，并返回一个添加了防抖或节流功能后的函数。因此可以将函数防抖和函数节流看作是一个函数工厂，负责对传进来的函数进行相应的加工改造，然后产出一个新的带有某种功能的函数。函数防抖是某一时间内只执行一次，而函数节流是间隔时间执行假如有这样一个场景：在某一页面，有一个按钮是"加载更多"，这... 继续阅读 >

2020
10-08

浅析JavaScript 函数防抖和节流

函数防抖和节流都是对高频动作触发回调函数的一个优化，实现方式上有类似之处。先从使用场景做个区分。防抖使用场景：表单输入框校验提交按钮避免重复提交节流使用场景：scroll,mousemove,resize等函数防抖（debounce）表单输入框校验在用户不停的打字输入时并不需要向后台校验文本，只有当用户停下来一定时间后，这时候默认用户已经输入完毕了可以开始向后台提交文本了。表单的提交按钮被用户多次连续点击时，显然并不... 继续阅读 >