防抖

Debounce

交互模式也叫：debounce、去抖

一句话：事件连续触发时先不执行，等停下来一段时间后只执行最后一次，常用于搜索框的输入联想。

详细解释

防抖的逻辑是「等你停下来再说」：用户每敲一个字都会触发输入事件，如果每次都请求接口，打一个词就发了好几个请求。加了 300ms 防抖后，每次触发都会重新计时，只有用户停止输入满 300ms，才真正发一次请求。

适用场景：搜索框联想、输入时检查用户名是否被占用、窗口大小调整结束后重新计算布局、自动保存草稿。

它和节流容易混淆。防抖是「停下后执行一次」，连续操作期间一次都不执行；节流是「按固定间隔执行」，连续操作期间会按节奏执行多次。判断方法：只关心最终结果用防抖，需要过程中持续反馈用节流。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

搜索框输入时不要每敲一个字就请求接口，请加 300ms 防抖，用户停止输入 300ms 后再发请求；输入为空时不请求并清空结果；发出新请求时取消上一次还没完成的请求，避免旧结果覆盖新结果。