首页
文章列表
标签墙
返回找工具啦
防抖
共 3 篇文章
Vue3 customRef创建自定义响应式引用的防抖输入
2026-05-13 18:10:17
Vue3 customRef创建自定义响应式引用的防抖输入 在Vue3中处理表单输入时,为避免频繁触发搜索请求或页面重渲染,通常需要对输入事件进行防抖处理。使用customRef可以创建一个具备内置防抖功能的响应式引用,从而将防抖逻辑从业务组件中解耦,实现逻辑复用。 核心原理分析 customRef
Vue3
防抖
响应式
40
0
JavaScript防抖和节流为什么用闭包实现更优雅
2026-04-27 18:30:59
在处理高频事件(如窗口大小调整、滚动、输入框输入)时,浏览器会被大量重复的任务阻塞,导致页面卡顿。防抖和节流是解决这一问题的两种核心策略。大多数初级开发者会使用全局变量来存储计时器状态,但这不仅污染全局命名空间,还导致同一个函数无法在页面上复用。 使用闭包可以将计时器状态“私有化”,让每个函数调用都
JavaScript
防抖
节流
47
0
JavaScript 性能优化:防抖与节流函数
2026-04-03 04:16:00
JavaScript 性能优化:防抖与节流函数 网页中频繁触发的事件(如滚动、窗口缩放、输入搜索)会大量消耗浏览器资源,导致页面卡顿甚至崩溃。防抖(debounce)和节流(throttle)是两种经典解决方案,能有效控制函数执行频率,提升性能。 防抖:只在最后一次触发后执行 防抖的核心思想是:在指
JavaScript
性能优化
防抖
69
0