防抖函数。 　　将几次操作合并为一次操作进行。设置一个计时器，规定在延迟时间后触发函数，但是在延迟时间内如果再次触发，就会取消之前的计时器。如此，只有最后一次操作能触发。代码如下： 节流函数。 　　一定时间内只触发一次函数。并且开始触发一次，结束触发一次。代码如下： ...

在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。 此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。 函数防抖 函数防抖 ...

在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。 函数防抖 函数防抖 ...

日常开发过程中，滚动事件做复杂计算频繁调用回调函数很可能会造成页面的卡顿，这时候我们更希望把多次计算合并成一次，只操作一个精确点，JS把这种方式称为debounce（防抖）和throttle（节流） 函数防抖 当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定 ...

和资源加载，严重影响了网页性能，甚至会造成浏览器崩溃。 　此时,我们可以采用 debounce（防抖） ...

概念理解 防抖：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 节流：规定在一个单位时间内，只能触发一次函数。如果这个单位时间内触发多次函数，只有一次生效。 js函数防抖与节流的区别： 函数防抖是某一段时间内只执行一次，而函数节流是间隔时间执行。 个人踩坑 ...

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

防抖就是防止事件频繁触发，针对最后一次触发才执行函数 节流就是只在单位的时间内才触发该事件 防抖 节流 的好处就是防止过分的触发事件执行函数，导致浏览器性能降低或者体验不好 ...