本文共 724 字，大约阅读时间需要 2 分钟。

一、 需求问题：在项目开发中，可能会连续发送多个请求，但是我们只想发送一次请求。比如在搜索框进行输入内容的时候，当在每输入一个字符的时候都会进行搜索查询，频繁发送请求，对服务端造成不必要的请求压力，这就需要在发送新请求的时候取消上一次的操作。只有当所有的内容都输入完毕以后，再进行内容的搜素查询请求。这个也是防抖的常用情景。

二、 需求分析：针对在vue项目中，我们进行防抖，请求频繁时取消上一次的操作，可以通过两种方式。第一种通过clearTimeout()和setTimeout()定时器进行解决，第二种可以通过axios进行防抖解决。我们可以看一下在防抖前和防抖后的network变化。

2. 在防抖后，network中在输入内容时只会请求最后一次，之前的请求都会被取消掉，如图所示：
   

三、 需求实现：