前端-防抖代码

复制代码
//防抖
		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, // 选项id
					text: val.processTaskId + '-' + val.processName // 选项名称
				});
			});
			this.processIdOption = myrange;
		},

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

相关推荐
德莱厄斯3 分钟前
没开玩笑,全框架支持的 dialog 组件,支持响应式
前端·javascript·github
非凡ghost31 分钟前
Affinity Photo(图像编辑软件) 多语便携版
前端·javascript·后端
非凡ghost33 分钟前
VideoProc Converter AI(视频转换软件) 多语便携版
前端·javascript·后端
endlesskiller39 分钟前
3年前我不会实现的,现在靠ai辅助实现了
前端·javascript
用户9047066835741 分钟前
commonjs的本质
前端
白兰地空瓶1 小时前
用 CSS3 造一场星际穿越:前端导演的《星球大战》片场手记
css
Sailing1 小时前
5分钟搞定 DeepSeek API 配置:从配置到调用一步到位
前端·openai·ai编程
Pa2sw0rd丶1 小时前
如何在 React 中实现键盘快捷键管理器以提升用户体验
前端·react.js
非凡ghost1 小时前
ToDoList(开源待办事项列表) 中文绿色版
前端·javascript·后端
j七七1 小时前
5分钟搭微信自动回复机器人5分钟搭微信自动回复机器人
运维·服务器·开发语言·前端·python·微信