防抖和节流都是防止短时间内高频触发事件的方案； 防抖原理：如果一段时间内事件触发了多次，那么只执行最后一次（实时搜索框进行搜索，取最后一次结果）； 节流原理：要执行的事件每隔一段时间会被冷却，无法执行；（类似于游戏里面限制你的攻速，你手速再快也是这点攻速） 防抖和节流在某些时候很像，但是防抖被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。节流n秒内不管你怎么点都是1次。理解这个原理就好写防抖和节流了。 <br/> 防抖函数：  HTML代码： ``` <input type="text" placeholder="防抖输入" id="debounceInput" /> ``` JS代码：  <br/> 节流函数：  其余HTML和JS代码和防抖类似，这里就不重复发了。