前端开发者必须精通哪些关键概念，如防抖和节流？

本文共计1201个文字，预计阅读时间需要5分钟。

防抖和节流在减少函数执行频率上各有用途，二者都适用于优化性能或响应。

防抖：当事件连续触发时，只执行最后一次操作，减少频繁调用。

节流：在一定时间内，只允许函数执行一次，控制执行频率。

简言之，防抖和节流都是减少函数执行频率的方法，适用于优化性能和响应。

说到防抖和节流相信大家都不陌生，这两个东西大家可能多多少少都有用到过，最少也有听。简单来说，防抖和节流都是用来减少函数执行的频率，以达到优化项目性能或者实现特定功能的效果。

说到防抖和节流相信大家都不陌生，这两个东西大家可能多多少少都有用到过，最少也有听过

古人云，温故而知新。虽然可能已经很熟悉防抖和节流了，但不妨再看一看巩固一下知识

什么？你说你不仅不会手写防抖和节流，也没有听过。那也没事，下文会详细介绍的

防抖和节流有什么用？

简单来说，防抖和节流都是用来减少函数执行的频率，以达到优化项目性能或者实现特定功能的效果

防抖

定义：事件被触发一定时间后再执行回调。如果在这段时间内又被触发了，则重新开始计算时间

常用场景

• 输入框远程查询事件
• 在线文档自动保存
• 浏览器视口大小改变

例子

张三在某平台搜索一本书籍，发现搜索建议并不是瞬间就出现的，而是自己输入词组结束后出现的。