debounce 和 throttle
请注意了解 debounce 和 throttle 的区别
在处理诸如 resize、scroll、mousemove 和 keydown/keyup/keypress 等事件的时候，通常我们不希望这些事件太过频繁地触发，尤其是监听程序中涉及到大量的计算或者有非常耗费资源的操作
debounce 去抖动函数
DOM 事件里的 debounce 概念其实是从机械开关和继电器的“去弹跳”（debounce）衍生 出来的，基本思路就是把多个信号合并为一个信号。
在 JavaScript 中，debounce 函数所做的事情就是，强制一个函数在某个连续时间段内只执行一次，哪怕它本来会被调用多次。
我们希望在用户停止某个操作一段时间之后才执行相应的监听函数，而不是在用户操作的过程当中，浏览器触发多少次事件，就执行多少次监听函数
去抖动函数就是为此设计出来的
以lodash的debounce函数为例：
_.debounce(func, [wait=0], [options={}])
创建一个去抖动函数，该函数延迟调用，func直到wait自上次调用去抖动函数后经过几毫秒。
lodash文档： https://lodash.com/docs/4.17.10#debounce
throttle 节流函数
throttle 的概念理解起来更容易，就是固定函数执行的速率，即所谓的“节流”
以lodash的throttle函数为例：
_.throttle(func, [wait=0], [options={}])
创建一个func每wait毫秒只调用一次的限制函数
lodash文档： https://lodash.com/docs/4.17.10#throttle
