当前位置: 首页 > news >正文

前端-防抖代码

//防抖debounce(fn, time = 1000) {let timer = null;return function (...args) {if (timer) clearTimeout(timer);timer = setTimeout(() => {fn.apply(this, args);}, time);};},// 输入变化处理函数async inputChange(value) {if (!this.debouncedInputChange) {this.debouncedInputChange = this.debounce(this.handleInputChange, 1000);}this.debouncedInputChange(value);},// 实际处理输入变化的函数async handleInputChange(value) {const res = await baseOptionApi.getDetailByProcessTaskIdLike({ processTaskIdLike: value });let myrange = [];res.data.data.forEach((val, index) => {myrange.push({...val, // 保留原始数据的所有字段value: val.processTaskId, // 选项idtext: val.processTaskId + '-' + val.processName // 选项名称});});this.processIdOption = myrange;},

参考彻底理清防抖和节流(前端性能优化)_防抖节流-CSDN博客

http://www.lryc.cn/news/414087.html

相关文章:

  • langchain 入门指南 - 让 LLM 自动选择不同的 Prompt
  • web浏览器播放rtsp视频流,海康监控API
  • 操作系统原理:程序、进程、线程的概念
  • Golang是如何实现动态数组功能的?Slice切片原理解析
  • SQL注入 报错注入+附加拓展知识,一篇文章带你轻松入门
  • springboot项目里的包spring-boot-dependencies依赖介绍
  • C# 下的限定符运算详解(全部,任意,包含)与示例
  • 消息队列RabbitMQ部分知识
  • 看门狗应用编程-I.MX6U嵌入式Linux C应用编程学习笔记基于正点原子阿尔法开发板
  • Bug 解决 | 本地项目上线后出现错误
  • 为什么我工作 10 年后转行当程序员?逆袭翻盘!
  • 见证中国数据库的崛起:从追赶到引领的壮丽征程《四》
  • OpenCV||超细节的基本操作
  • 算法训练(leetcode)第三十八天 | 1143. 最长公共子序列、1035. 不相交的线、53. 最大子数组和、392. 判断子序列
  • STM32——外部中断(EXTI)
  • MySQL多实例部署
  • 云开发喝酒小程序3.6全新漂亮UI猜拳喝酒小程序 【已去除流量主】
  • 图论进阶之路-最短路(Floyd)
  • 安装sqllab靶机之后,练习关卡报403 forbidden
  • 微信VX多开 免扫码 登录 互斥体 可视化 Exui v1.1 易语言源码附成品软件
  • JavaEE 从入门到精通(一) ~ Maven
  • 滚珠丝杆与丝杆支撑座:稳定性与精度的双重保障
  • 实验5-11 空心的数字金字塔
  • C#对象和类型
  • 免费分享一套SpringBoot+Vue图书(图书借阅)管理系统【论文+源码+SQL脚本】,帅呆了~~
  • 数据结构与算法--队列
  • <Qt> 常用控件
  • 关于C/C++的编译、构建、CMake、x86_amd64等问题(自用)
  • 【设计模式】工厂模式详解
  • 【Spring Boot】用 Spring Security 实现后台登录及权限认证功能