如何使用Angular rxjs进行优雅限流
生活随笔
收集整理的這篇文章主要介紹了
如何使用Angular rxjs进行优雅限流
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
比如我有一個按鈕,我想實現(xiàn)在一秒之內重復點擊,只算被點擊一次的效果,在Angular rxjs里實現(xiàn)非常容易:
源代碼:
ngOnInit(): void {const button = document.querySelector('button');fromEvent(button, 'click').pipe(throttleTime(1000), scan(count => count + 1, 0)).subscribe(count => console.log(`Clicked ${count} times`));}注意輸出的時間戳:確實起到了限流的效果:
要獲取更多Jerry的原創(chuàng)文章,請關注公眾號"汪子熙":
總結
以上是生活随笔為你收集整理的如何使用Angular rxjs进行优雅限流的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 在Chrome开发者工具里观察到的SAP
- 下一篇: 室内定位指纹算法_指纹识别算法(室内设计