关于javascript:面试必问题JS防抖与节流

30次阅读

共计 466 个字符,预计需要花费 2 分钟才能阅读完成。

速识防抖:

防抖与节流堪称是面试常见,其实很好了解,上面带你分分钟理解防抖与节流的根本思维与写法~

在这之前,比方咱们先定义一个按钮,并绑定一个点击事件,执行要触发的事件:

<!-- 定义一个按钮 -->
<input type="button" id="btn" value="按钮" />

<script>
// 获取标签
  var btn = document.getElementById("btn");
// 绑定事件  
  btn.addEventListener("click", real);
// 要触发的事件
  function real(e) {console.log("北极光之夜。");
    console.log(e);
  }
</script>

执行如下:

能够发现,始终点击会始终触发事件,如果这个事件为发送一个申请,那么这对与服务器来说是很不敌对的。同样的申请因为用户的屡次点击而屡次发送申请,返回的后果和只点击一次是一样的,大大减轻服务器压力和影响性能。所以,咱们引入防抖的概念,简略来说,防抖就是通过 setTimeout 的形式,在肯定的工夫距离内,将屡次触发变成一次触发。

正文完
 0