函数防抖与节流是日常开发中经常用到的技巧，也是前端面试中的常客，但是发现自己工作一年多了，要么直接复用已有的代码或工具，要么抄袭《JS高级程序设计》书中所述“函数节流”,（实际上红宝书上的实现类似是函数防抖而不是函数节流）,还没有认真的总结和亲自实现这两个方法，实在是一件蛮丢脸的事。网上关于这方 ...

函数防抖和节流都是对高频动作触发回调函数的一个优化，实现方式上有类似之处。先从使用场景做个区分。 防抖使用场景： 表单输入框校验 提交按钮避免重复提交 节流使用场景： scroll,mousemove,resize等 函数防抖（debounce） 表单输入框校验 ...

一、防抖函数 1.1 概念： 　　触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。 1.2 使用场景： 　　就像是我的搜索栏功能，是在里面内容变化后就实时触发搜索事件，但是有时候我们输 　　的内容很长，在没有输完的时候就触发了事件，这样对性能来说是不好 ...

参考连接：https://www.cnblogs.com/zhuanzhuanfe/p/10633019.html https://blog.csdn.net/Beijiyang999/articl ...

Vue函数防抖和节流https://zhuanlan.zhihu.com/p/72363385 ...

一、防抖&节流 　　在前端开发中有一部分用户行为会频繁的触发事件执行，而对于DOM的操作、资源加载等耗费性能的处理，很可能会导致界面卡顿，甚至浏览器奔溃。函数的节流与防抖就是为了解决类似需求而产生的。 　　1）节流 　　　　概念：函数的节流就是预定一个函数只有在大于等于执行周期时才会 ...

js函数防抖和节流 在实际开发应用中，经常会碰到高频率的事件处理，比如 window 的 scroll， resize 以及 keyup，mousemove 等事件。这些高频率的事件触发会带来一些显著的问题。 如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕 ...

重复提交，如何防止多次提交的发生？ 为了应对如上场景，便出现了函数防抖和函数节流两个概念，总的 ...