函数节流和防抖

2019独角兽企业重金招聘Python工程师标准>>>

函数节流：一个函数执行一次后，只有大于设定的执行周期后才会执行第二次。 有个需要频繁触发函数，出于优化性能角度，在规定时间内，只让函数触发的第一次生效，后面不生效。

其原理是用时间戳来判断是否已到回调该执行时间，记录上次执行的时间戳，然后每次触发 scroll 事件执行回调，回调中判断当前时间戳距离上次执行时间戳的间隔是否已经到达 规定时间段，如果是，则执行，并更新上次执行的时间戳，如此循环；

**2.函数节流的应用场景 需要间隔一定时间触发回调来控制函数调用频率：

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

转载于:https://my.oschina.net/u/3608045/blog/2966711