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

1、通过理解函数防抖与函数节流的概念后，使用闭包实现函数防抖和节流，没有考虑到对于节流，如果用户在下一次请求之 ...

函数防抖（debounce），在连续的操作中，无论进行了多长时间，只有某一次的操作后在指定的时间内没有再操作，这一次才被判定有效（类似电脑10分钟后休眠）。如模糊搜索，输入框内容一直变化，会导致一直发送请求。防抖即输入内容完成后，一定时间(比如500ms)没有再输入内容，这时再触发请求 ...

防抖 Debounce 函数防抖就是，延迟一段时间再执行函数，如果这段时间内又触发了该函数，则延迟重新计算； 节流 throttle 节流：函数间隔一段时间后才能再触发，避免某些函数触发频率过高，比如滚动条滚动事件触发的函数。 ...

js 的函数节流(throttle)和函数防抖(debounce)概述 函数防抖(debounce) 一个事件频繁触发，但是我们不想让他触发的这么频繁，于是我们就设置一个定时器让这个事件在 xxx 秒之后再执行。如果 xxx 秒内触发了，则清理定时器，重置等待事件 xxx 秒 比如在拖动 ...

一、概念解释 函数节流和函数防抖，两者都是优化高频率执行js代码的一种手段。  大家大概都知道旧款电视机的工作原理，就是一行行得扫描出色彩到屏幕上，然后组成一张张图片。由于肉眼只能分辨出一定频率的变化，当高频率的扫描，人类是感觉不出来的。反而形成一种视觉效果，就是一张图。就像高速旋转的风扇 ...

问题的引出 　　在一些场景往往由于事件频繁被触发，因而频繁地进行DOM操作、资源加载，导致UI停顿甚至浏览器崩溃。 在这样的情况下，我们实际上的需求大多为停止改变大小n毫秒后执行后续处理；而其他事 ...

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