HarmonyOS 项目的防抖和截流怎么实现

有个通用的场景,按钮点击事件或者调用某些方法,发送接口,需要使用到防重, 的api有类似lodash的防抖函数,或者截流函数么,还是用timer或者setInterval封装实现,使用timer或者setInterval做这个功能有性能问题么?

HarmonyOS
2024-12-20 16:48:23
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

截流的话性能问题应该不大,本来做的就是多次点击,只在规定时间内执行一次,效果就是防止用户连续点击的.

1、实现防抖可参考一下demo:

@Entry
@Component
struct SearchDemo{
@State timeout: number = -1;
build() {
Column(){
Text('点击')
.fontSize('25fp')
.fontColor(Color.White)
.fontWeight(FontWeight.Bold)
.borderRadius(15)
.padding(8)
.backgroundColor(Color.Blue)
.onClick(() => {
this.debounce(this.setFinalInput, 3000);
})
}
}
debounce(fn: Function, wait: number = 300) {
if(this.timeout !== -1){
clearTimeout(this.timeout);
}
this.timeout = setTimeout(fn.bind(this), wait);
console.log("zd--- ==timeout==",this.timeout);
}
setFinalInput() {
console.log("zd--- setFinalInput this", JSON.stringify(this));
// this.finalSearchInput = this.searchInput;
}
}
2、实现截流可参考一下demo:
@Entry
@Component
struct ListPage {
@State pageNumber:number = 1
@State running:boolean = false
@State list:number[] = []
aboutToAppear(): void {
for (let i = 1; i <= 8; i++) {
this.list.push(i);
}
}
getData(){
let number = this.list.length + 1
for (let i = number; i <= 8*this.pageNumber; i++) {
this.list.push(i);
}
this.running = false
console.log(this.list.length.toString())
}
@Builder
ListItemBuilder(item:number){
Row(){
Text(item.toString())
}
.width('100%')
.padding(50)
.backgroundColor(Color.Pink)
}
build() {
Column() {
List({space:10}){
ForEach(this.list,(item:number)=>{
this.ListItemBuilder(item)
},(item:number)=>JSON.stringify(item))
}
.padding(20)
.edgeEffect(EdgeEffect.Spring)
.onReachEnd(()=>{
if (!this.running) {
this.running = true
this.pageNumber++
setTimeout(() => {
this.getData()
}, 2000)
}
})
}
.width('100%')
.height('100%')
.alignItems(HorizontalAlign.Center)
}
}
分享
微博
QQ
微信
回复
2024-12-20 19:16:23
相关问题
HarmonyOS ts Debounce
231浏览 • 1回复 待解决
HarmonyOS 怎么获取项目的versionName?
328浏览 • 1回复 待解决
HarmonyOS 更改项目的bundlename后报错
2002浏览 • 1回复 待解决
如何获取HarmonyOS 项目的SHA1?
5667浏览 • 1回复 待解决
HarmonyOS 截屏功能如何实现
440浏览 • 1回复 待解决
HarmonyOS 如何截屏录屏
541浏览 • 1回复 待解决
求告知如何实现截屏功能
791浏览 • 1回复 待解决
求大佬告知如何实现截屏功能
2286浏览 • 1回复 待解决
HarmonyOS 录屏
419浏览 • 1回复 待解决
HarmonyOS 重复点击
168浏览 • 1回复 待解决