节流

  <style>
      body{
          height: 2000px;
      }
  </style>

节流的概念和作用

  // 节流：控制执行次数
  // 节流的作用：控制高频事件执行次数
  window.onscroll = throttle(function(){
    console.log("hello world")
  },500)
  // 封装一个节流的函数
  function throttle (fn,delay){
    let t = true
    return function(){
      if(t){
        setTimeout(() => {
          fn.call(this)
          t = true
        }, delay);
      }
      t = false
    }
  }