前端基础面试：什么是防抖和节流？二者有什么区别？实际应用场景

函数节流：一个函数执行一次后，只有大于设定的执行周期后才会执行第二次

函数节流的应用场景(throttle)

1. DOM 元素的拖拽功能实现（mousemove）
2. 搜索联想（keyup）
3. 计算鼠标移动的距离（mousemove）
4. Canvas 模拟画板功能（mousemove）
5. 射击游戏的 mousedown/keydown 事件（单位时间只能发射一颗子弹）
6. 监听滚动事件判断是否到页面底部自动加载更多：给 scroll 加了 debounce 后，只有用户停止滚动后，才会判断是否到了页面底部；如果是 throttle 的话，只要页面滚动就会间隔一段时间判断一次.

防抖函数：对于连续的事件响应我们只需要执行一次回调

函数防抖应用场景(debounce)

1. 每次 resize/scroll 触发统计事件
2. 文本输入的验证，连续输入文字后发送 AJAX 请求进行验证，验证一次就好。