遇到的问题
在开发过程中会遇到频率很高的事件或者连续的事件，如果不进行性能的优化，就可能会出现页面卡顿的现象，比如：
鼠标事件：mousemove(拖曳)/mouseover(划过)/mouseWheel(滚屏)
键盘事件：keypress(基于ajax的用户名唯一性校验)/keyup(文本输入检验、自动完成)/keydown(游戏中的射击)
window的resize/scroll事件(DOM元素动态定位)
为了解决这类问题，常常使用的方法就是throttle(节流)和debounce(去抖)。throttle(节流)和debounce(去抖)都是用来控制某个函数在一定时间内执行多少次的解决方案，两者相似而又不同。
下面就具体的看看两者的相似和区别。
认识throttle和debounce
throttle和debounce的作用就是确认事件执行的方式和时机，以前总是不太清楚两者的区别，容易把二者弄混。
下面就通过两个简单的场景描述一下debounce和throttle，以后想到这两个场景就不会再弄混了：
debounce假设你正在乘电梯上楼，当电梯门关闭之前发现有人也要乘电梯，礼貌起见，你会按下开门开关，然后等他进电梯； 如果在电梯门关闭之前，又有人来了，你会继续开门；这样一直进行下去，你可能需要等待几分钟，最终没人进电梯了，才会关闭电梯门，然后上楼。
所以debounce的作用是，延伸阅读
学习是年轻人改变自己的最好方式