函数节流及防抖

鼠标移动事件onmousemove, 滚动滚动条事件onscroll等瞬间的操作都会导致这些事件会被高频触发。 如果事件的回调函数较为复杂，可能会导致响应跟不上触发，出现页面卡顿，假死现象
防抖： 当持续触发事件时，每一次都要清空定时器，重新开始。
eg:实时搜索
实现1：

var timer = null;
function debounce (){
clearTimeout(timer);
timer = setTimeout(function(){
console.log("函数防抖");
}, 300);
};

实现2：

function debunce（handler，delay）{
var timer = null;
return function（）{
var _self = this，args = arguments;
clearTimeout（timer）;
timer = setTimeout（function（）{
handler.apply（_self，args）;
}，delay）;
}

节流：当持续触发事件时，保证一定时间段内只调用一次事件处理函数。
eg:窗口调整（调整大小），页面滚动（滚动），抢购时疯狂点击（鼠标按下）
实现1：

var timer = null;
function throttle(){
if(!timer){
timer = setTimeout(function(){
console.log("函数节流");
timer = null;
}, 300);
}
};

实现2：

function throttle(handler, delay) {
var timer = null;
return function() {
var context = this;
var args = arguments;
if (!timer) {
timer = setTimeout(function() {
handler.apply(context, args);
timer = null;
}, delay);
}
}
}