【web前端面试必问4】JS防抖与节流

1、防抖

什么叫防抖？

防抖 =》 多次操作只执行最后一次操作

防抖是游戏的回城卷轴，多次点击最后一次才有效。节流是英雄技能。

    <h2>深入js防抖和节流</h2>
    <input type="text" placeholder="请输入电话" />
    <script>
      // 防抖 => 将多次操作变成一次  类似游戏中的回城卷轴多次点击只有最后一次有效
      let telInput = document.querySelector('input')
      telInput.addEventListener('input', (e) => {
        console.log('发起请求')
      })
    </script>

随着input框里面内容的输入只要发生改变，就会执行一次发起请求。

我们希望能够达到在一定时间内的输入信息结束后再进行一个发起监听请求，这就是所谓的防抖。 

    <h2>深入js防抖和节流</h2>
    <input type="text" placehold