防抖节流适用于input输入查询

news2024/9/21 10:51:01

文章目录

      • 1 当监听input 输入变化做接口查询时,会出现疯狂的请求接口。这里用计时器做时间段查询。当用户输入完成1s后再走查询
    • 4次输入1,不做节流会打印:1 11 111 1111

1 当监听input 输入变化做接口查询时,会出现疯狂的请求接口。这里用计时器做时间段查询。当用户输入完成1s后再走查询

	let searchTime  = null
    changeInput (e) {
      if(searchTime)clearTimeout(searchTime)
      searchTime = setTimeout(() => {
        console.log('time里面', e.detail.detail.value)
        api.post('url', {}).then(res => {})
        clearTimeout(searchTime)
      }, 1000);
    },

在这里插入图片描述

4次输入1,不做节流会打印:1 11 111 1111

而效果很明显,只打印了一次 1111

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1153387.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

勇立潮头丨家装设计师首选品牌意大利OXO专注品质 为消费者带来个性化整卫方案

近几年,“整装”赛道大热,“整家”、“整装”、“大家居”在行业内引发诸多热烈讨论。在卫浴行业,卫浴头部定制企业率先开启了一波套餐式营销战。 在传统的卫浴销售模式下对尺寸大小的匹配已经无法满足当今家居消费主力的需求,单…

技术学习群-第五期内容共享

本期是技术学习群第五期知识共享。对外免费开放。私聊即可。欢迎各位加入。 一起看看本期分享了些啥知识。 关于Python第三方装包-pandas 群友有提问: 这个问题还是比较明显的,直接将 Microsoft Visual C 14.0 下载安装即可。随后她又遇到了一个问题&…

葵花药业-002737 三季报分析(20231030)

葵花药业-002737 基本面分析 基本情况 公司名称:葵花药业集团股份有限公司 A股简称:葵花药业 成立日期:2005-09-07 上市日期:2014-12-30 所属行业:医药制造业 周期性:0 主营业务:各类中成药、化…

使用Jetpack Compose从图库中选择图片

使用Jetpack Compose从图库中选择图片 添加依赖 Jetpack Compose是一种用于构建Android应用界面的现代工具包。它提供了一种声明性的方式来创建用户界面,使开发者能够更轻松地构建交互式和可定制化的应用程序。本文将介绍如何使用Jetpack Compose从图库中选择图片…

静态NAT之(Nat server )

-静态NAT,指的是对外网所有类型的类型,都允许进入到内网特定的设备上(不安全) -静态PAT,指的是在对外网进入到内网的时候,仅仅针对特定类型协议的流量做转换 那么这种静态 PAT ,通常都是应用于…

【CSS】position

CSS position 1.静态布局 static static 是 position 属性的默认值,表示没有定位。使用静态定位的元素会按照元素正常的位置显示,并且不会受到 top、bottom、left、right 和 z-index 属性的影响。 2.相对定位 relative 相对定位就是元素相对于自己默…

剑指offer --- 字符串中替换空格

目录 前言 一、读懂题目 二、思路分析 三、代码呈现 总结 前言 作为引入讲讲这道题的由来,在网络编程中,如果 URL 参数中含有特殊字符,如空格、#等,可能导致服务器端无法获得正确的参数值。我们需要将这些特殊符号转换成服务…

设计模式04———桥接模式 c#

桥接模式:将一个事物从多个维度抽象出来,采用 分离 和 组合 的方式 替代 原本类的继承 桥接模式(Bridge Pattern)是一种软件设计模式,属于结构型模式,它用于将抽象部分与具体实现部分分离,以便它…

SpringCloud(三) Ribbon负载均衡

SpringCloud(二) Eureka注册中心的使用-CSDN博客 在SpringCloud(二)中学习了如何通过Eureka实现服务的注册和发送,从而通过RestTemplate实现不同微服务之间的调用,加上LoadBalance注解之后实现负载均衡,那负载均衡的原理是什么呢? 目录 一, 负载均衡 1.1 负载均衡原理 1.2 源…

怎么用python代码查看可用的gpu,然后指定可用的gpu运行

查看gpu import torch# 检查CUDA是否可用 if torch.cuda.is_available():# 获取GPU设备数量device_count torch.cuda.device_count()# 列出可用的GPU设备for i in range(device_count):print(f"GPU {i}: {torch.cuda.get_device_name(i)}") else:print("CUDA …

JZ22链表中倒数最后k个节点

JZ22链表中倒数最后k个节点 解法一 双指针法,定义两个快慢指针,先让快指针走k步,然后让两个指针以相同速度向前,直到快指针走到尾部none的位置,此时慢指针正好在倒数第k的位置此方法的时间复杂度为O(n&…

Ubuntu Desktop 20.04升级gcc-11

默认自带的gcc是9,需要升级到11 sudo add-apt-repository ppa:ubuntu-toolchain-r/test sudo apt update sudo apt install gcc-11 sudo apt install g11 sudo update-alternatives --install /usr/bin/gcc gcc /usr/bin/gcc-9 50 sudo update-alternatives -…

数字孪生三剑客!云渲染及虚拟仿真服务器产品MapGIS Server for Unreal来了

10月18日,新一代全空间智能GIS平台的升级之作——MapGIS 10.6 Pro在深圳正式发布,整场发布会全空间GIS、智能GIS、信创GIS、全栈开发各维度创新一一揭晓,全空间一体化、深度融合云端的全系产品全面升级,科技盛宴、高潮迭起。其中尤…

海外跨境电商云厂商阿里云、华为云、九河云选择攻略

近几年出海已成为趋势,而要打有准备的仗,就必须先收集关键信息。国内企业出海需要对海外市场进行深入的分析和挖掘,数据分析技术可以帮助国内企业更好地了解海外市场的需求和趋势,包括市场调研、用户画像、销售数据分析等方面&…

UnrealSynth虚幻合成数据生成器

UnrealSynth 虚幻合成数据生成器利用虚幻引擎的实时渲染能力搭建逼真的三维场景,为 YOLO 等 AI 模型的训练提供自动生成的图像和标注数据。UnrealSynth 生成的合成数据可用于深度学习模型的训练和验证,可以极大地提高各种行业细分场景中目标识别任务的实…

RCD负载箱的价格和性价比如何?

RCD负载箱用于测试电力设备的专用设备,主要用于检测电路的电流、电压和功率等参数。 RCD负载箱的价格与其品牌、型号、功能和性能有关,知名品牌和高性能的RCD负载箱价格会相对较高,而一些普通品牌或功能较简单的RCD负载箱价格则相对较低&…

使用 :has() 选择前一个相邻元素

使用 CSS :has() 选择前一个兄弟姐妹 CSS 更令人抓狂的限制之一是长期以来它无法根据其子元素或前一个兄弟元素来选择元素。这使得构建可以针对元素的先前同级元素的 CSS 选择器变得不可能,但是has:()伪类(以及来自选择器级别 4 的、 和)已经…

【C++入门 二 】学习使用C++命名空间及其展开

C入门 二 1. C第一个小程序2.命名空间2.1命名冲突2.2 命名空间2.2.1 命名空间定义2.2.2.命名空间的展开方式1(直接展开)方式2(指定展开) 3.C输入&输出①输出②输入 1. C第一个小程序 下面这段代码有两个特性 1、io流 2、命名空…

innovus:如何解决editAddRoute不能在平行线间打孔的问题

我正在「拾陆楼」和朋友们讨论有趣的话题,你⼀起来吧? 拾陆楼知识星球入口 用户使用editAddRoute命令或者图形界面手动拉线,默认只能在相同net 的不同层net shape crossover(交叉)位置上打孔,如图右侧GNDD交叉的位置有打孔,而左侧平行的两条net shape无法自动打孔。 有…

众和策略:鸿蒙4升级设备数量破亿;财政部调整保险公司考核方式

重要的消息有哪些 财政部调整保险公司查核办法 增强险资入市积极性 财政部10月30日消息显现,近日已印发《关于引导保险资金长时间稳健投资、调整国有商业保险公司绩效评价相关指标的告诉》(下称《告诉》),清晰将国有商业保险公司…