工作中制作了 这样一个页面，遇到了防抖和节流的问题，还被批评了，夜里研究下: debounce(防抖) throttle(节流) 防抖 debounce 简单来说就是防止抖动 当持续触发事件时 debounce 会合并事件且不会去触发事件，当一定时间内没有触发 ...

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

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

中移动的时候会持续地去触发该事件导致频繁执行函数 解决方案：防抖和节流 1. ...

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

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

keyup 事件，监听文字输入并调用接口进行模糊匹配 二、函数防抖 　　定义：多次触发事件后，事件处理 ...

先上代码看看 防抖： 节流： 　　之前一直不太明白他们的区别到底在哪里，今天大概清楚了所以记录下来。 　　首先看看防抖，先定义了一个timer，在每次调用的时候都会清除这个定时器，比如点击按钮，我们设置delay为1s，第一次点击之后，会等1s之后才执行，但是如果第二次的点击时间 ...