防抖和节流到底该用哪个？搜索框输入请求老是发太多次
我在做一个搜索功能，用户每输入一个字就触发一次请求，结果服务器压力太大了。我试过用防抖，但有时候用户打字快，反而搜不到中间结果；换成节流又感觉响应太慢。到底该怎么选？
这是我的搜索框结构：
<input
type="text"
id="searchInput"
placeholder="请输入关键词"
/>
<div id="results"></div>- 1
回答
6浏览
Angular里用switchMap取消上一个请求后，为什么偶尔还会收到旧数据？
我在做搜索框的防抖请求，用了switchMap来取消之前的HTTP请求，但有时候输入快一点，还是会收到上一次的响应结果，导致页面显示错乱。这是不是说明switchMap没生效？ 我试过加debounc...
- 2
回答
3浏览
AutoComplete 输入框防抖怎么写才不会漏掉用户输入？
我在做搜索框的 AutoComplete 功能，用 setTimeout 做了防抖，但有时候快速输入会漏掉最后几个字，比如输入“react”结果只搜了“reac”。 我试过把延迟设成 300ms，但体...
- 2
回答
50浏览
AutoComplete输入空格时触发搜索，但后端返回无效查询错误怎么办？
在做电商搜索框时用了Antd的AutoComplete组件，用户输入带空格的关键词（比如"红 著"）会触发搜索请求，但后端把空格当作无效查询返回400错误。我试过在onChange里用value.tr...
- 2
回答
25浏览
Vue组件销毁时为什么之前的AJAX请求没被取消？
在做搜索框实时查询功能时，当我快速输入多个字符导致多次发送请求，虽然用了abortController，但页面跳转时控制台还是报错"AbortError"，之前的请求好像没完全取消。 我的代码是这样写...
- 2
回答
29浏览
无限滚动时多次触发请求该怎么解决？
我用window.scroll监听做无限滚动，设置的防抖函数也没问题，但滚动到底部时还是会触发多次请求。比如快速滚动时甚至会连续请求三次，怎么排查这个问题？ 我的逻辑是监听scroll事件，当scro...
- 2
回答
77浏览
如何用JavaScript实现请求队列，避免高频API调用被限流？
我在做一个实时搜索功能，输入框每输入一个字符就触发API请求，但发现输入太快会被后端限流。之前用防抖处理过，但用户希望稍微停顿就能立即搜索，所以改成节流，但发现如果用户连续快速输入三次，还是会发三个请...
- 1
回答
24浏览
CORS 请求中 Referrer 检查到底安不安全？
我在做前端请求时，后端同事说他们加了 Referrer 检查来防止跨域攻击，但我听说这其实不靠谱？ 比如我用 fetch('/api/data') 发请求，浏览器自动带上了 Referer 头，但这个...
- 2
回答
19浏览
Loading状态怎么避免闪烁或重复请求？
我在用 Vue 做一个搜索功能，每次输入关键词就发请求，但发现如果用户打字快，会触发多次请求，而且 Loading 状态一闪一闪的特别难受。我试过加防抖，但有时候还是会出现上一次请求还没结束，新的请求...
- 1
回答
37浏览
CORS 请求中 Access-Control-Allow-Headers 到底该怎么配？
我在前端用 fetch 发了个带自定义 header 的请求，比如 X-Custom-Token，但浏览器报错说这个 header 被 CORS 策略拦了。后端是用 Express 写的，我已经加了 ...
- 2
回答
138浏览
搜索框输入时动态高亮列表项为什么会闪烁？
最近在做搜索组件，想实现输入时动态高亮匹配项。用JavaScript把匹配的关键词用<mark>标签包裹，但滚动列表时高亮会闪一下，而且原来的颜色样式被覆盖了。我试过给mark加!impo...
暂无解答