节流和防抖

事件连续触发，导致页面卡顿。

• 窗口缩放和页面滚动
• mousemove、keydown、mousedown、keyup

节流

隔一段时间，执行一次。就像水龙头滴水一样。

var throttle = function(){
  var last = 0;
  return function(){
    var curr = new Date();
    if (curr - last > 1000){//滚动时，1s钟执行1次
      console.log(1);
      last = curr; 
    }
  }
}
window.onscroll=throttle();

防抖

延迟一段时间再执行，如果在延迟的时间内继续触发，会重新计算。

function debounce(){
    var timer;
    return function(){
        if(timer)clearTimeout(timer);
        timer=setTimeout(function(){
            console.log(1);
        }, 1000);
    }
}
window.onscroll=debounce();