JS淘宝搜索框防抖策略

防抖的概念：防抖就是当事件被触发后，延迟n秒后再执行回调，如果在这n秒内事件又被触发，则重新计时。

防抖的好处：防抖的好处在于不会频繁执行回调，能保证回调最终只被执行一次，能提高浏览器性能。

拿淘宝输入框案例为例，不想每次按下键盘都去发送JSONP请求，想要输入完毕之后最后只发送一次请求。也就是我们常说的输入框防抖。

输入框防抖的核心步骤有三个：

（1）定义一个防抖动的timer

（2）定义一个防抖的函数

（3）在触发keyup事件时立即清空timer

也就是当用户键盘弹起之后，这里相当于就是按下键盘后，先清楚定时器，然后开启一个定时器，这个定时器里面的代码是500ms之后才会执行，要是在这500ms之内用户又按下了键盘，那就会再清除定时器，再重新开启一个定时器，也就是如果快速按下三个字母，最后只会执行一次JSONP请求。

淘宝输入框防抖代码：


html>
<html lang="en">
 
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale&

相关阅读:
什么是网络安全等级保护
ATV71驱动同步电机调试技巧
这次把怎么做好一个PPT讲清-演讲篇
解读STM32串口发送的两个标志位 “USART_FLAG_TXE“ & “USART_FLAG_TC“
DPDK ACL算法介绍（一）
VR博物馆：让博物馆传播转化为品牌影响力
一点点金融 5
eNSP学习——RIP的路由引入
促科技创新：高德数据优化篇之OceanBase最佳实践
C++ Tutorials: C++ Language: Classes: Polymorphism

原文地址：https://blog.csdn.net/qq_43781887/article/details/126919818