概念： 函数防抖(debounce)：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。 函数节流(throttle)：高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率。 函数节流（throttle）与 函数防抖（debounce）都是 ...

1.　防抖 触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间 function debounce(fn) { let timer = null; // 标记定时器 return function () { clearTimeout ...

防抖 使用场景：如搜索框，用户在输入的时候使用change事件去调用搜索，如果用户每一次输入都去搜索的话，就会消耗很大的服务器资源。如果每次用户停止输入后，延迟超过一定时间时，才去请求服务器的话，会节省服务器资源，提升用户体验。 原理：事件回调函数在一段时间（300毫秒）后才执行 ...

防抖 触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间 实现方式：每次触发事件时设置一个延迟调用方法，并且取消之前的延时调用方法 缺点：如果事件在规定的时间间隔内被不断的触发，则调用方法会被不断的延迟 //防抖 ...

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

防抖、节流的概念是用户高频率的操作某一事件导致的性能问题。 防抖： 定义一个延迟执行的方法，如果在延迟时间内再调用该方法，则重新计算执行时间。 节流： 在规定的时间内执行方法。 应用场景： 用户拖动滚动条可以用 节流 方式实现。 input输入关键字实时发送请求 ...

防抖和节流 前言 作为前端开发中会以下两种需求 搜索需求 搜索的逻辑就是监听用户输入事件，等用户输入完成之后把数据发送给后端，后端返回匹配数据，前端显示数据到页面。如果只要用户输入就发请求，这样会给后端造成请求压力，需要控制请求的频率 ...

何谓节流和防抖？ 节流 节流的意思是，规定时间内，只触发一次。比如我们设定500ms，在这个时间内，无论点击按钮多少次，它都只会触发一次。具体场景可以是抢购时候，由于有无数人 快速点击按钮，如果每次点击都发送请求，就会给服务器造成巨大的压力，但是我们进行节流后，就会大大减少请求的次数。 防抖 ...