优化 防抖

67 阅读1分钟

废话不多说,我写一下最近做的项目中遇到的技术点,分享给大家,也算自己做个笔记

上拉/下拉刷新防抖通过设置定时器,在短时间内多次上拉时只执行最后一次或延迟执行,避免频繁刷新,优化性能和用户体验。

//定时器状态变量
onTimer: number = -1


onPullDownRefresh =()=>{
if(this.onTimer)
//清除定时器
clearTimeout(this.onTimer)

//设置一个新的定时器
this.onTimer = setTimeout(()=>{
//在这里边下上垃加载的实际逻辑
console.log('执行上拉加载操作')
},2000)

以上代码可直接复制使用,下拉刷新也能使用

总结:

  1. 先定义定时器状态变量为-1是指定时器清空
  2. 清除定时器
  3. 设置新定时器,tip:记得给定时器加时间