废话不多说,我写一下最近做的项目中遇到的技术点,分享给大家,也算自己做个笔记
上拉/下拉刷新防抖通过设置定时器,在短时间内多次上拉时只执行最后一次或延迟执行,避免频繁刷新,优化性能和用户体验。
//定时器状态变量
onTimer: number = -1
onPullDownRefresh =()=>{
if(this.onTimer)
//清除定时器
clearTimeout(this.onTimer)
//设置一个新的定时器
this.onTimer = setTimeout(()=>{
//在这里边下上垃加载的实际逻辑
console.log('执行上拉加载操作')
},2000)
以上代码可直接复制使用,下拉刷新也能使用
总结:
- 先定义定时器状态变量为-1是指定时器清空
- 清除定时器
- 设置新定时器,tip:记得给定时器加时间