前言

不管是WEB还是Android或者是iOS开发中 我们都会有这样的问题

按钮点击时 连续点击只让第一次生效搜索时文本不断变化导致调用多次接口

上面的两个问题解决后能大大提升用户体验 解决它们就用到了throttle和debounce

WEB(JS)

lodashlodash中文文档Underscore.jsjQuery throttle/debounceRxJS

Android(Java)

主要用到RxJava和RxAndroid

参见文章:Android 中 RxJava 的实际使用

iOS(OC/Swift)

MessageThrottleSwift可以用RxSwift

如果项目中已经用到 或者想用RxSwift的话就选择第二种方式 如果项目不想引用太多东西 或者项目用的OC 就选择第一种方式

---

ReactiveCocoa vs RxSwift?RxSwift虽然只支持iOS8之后的系统 但是现在基本只需适配iOS8以后了 所以不用担忧RxSwift和RxJava以及RxJS 语法基本都相似 这真的就是learn once, apply everywhere. 所以推荐使用RxSwift

MessageThrottle实例

在OC中使用

- (void)viewDidLoad { [super viewDidLoad]; MTRule *rule = [[MTRule alloc] initWithTarget:self selector:@selector(buttonClick:) durationThreshold:5]; rule.messageQueue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0); //rule.mode = MTPerformModeFirstly; //rule.mode = MTPerformModeLast; rule.mode = MTPerformModeDebounce; [MTEngine.defaultEngine applyRule:rule]; } - (IBAction)buttonClick:(UIButton *)sender { dispatch_async(dispatch_get_main_queue(), ^{ self.label.text = [NSString stringWithFormat:@"点击生效的时间: %@", [self getDateTimeStr]]; }); } - (NSString *)getDateTimeStr{ NSDate *date = [NSDate new]; NSDateFormatter *df = [NSDateFormatter new]; [df setDateFormat:@"yyyy-MM-dd HH:mm:ss"]; df.timeZone = [NSTimeZone timeZoneForSecondsFromGMT:[NSTimeZone localTimeZone].secondsFromGMT]; NSString *localDateString = [df stringFromDate:date]; return localDateString; }

如上例子中 设置的间隔为5秒 可设置的模式有三种

rule.mode = MTPerformModeFirstly;rule.mode = MTPerformModeLast;rule.mode = MTPerformModeDebounce;

---

MTPerformModeFirstly 如果连续点击按钮 每5s的第一次生效MTPerformModeLast 如果连续点击按钮 每5s的最后一次生效MTPerformModeDebounce 如果连续点击按钮 则重置计时器 停止点击后5s操作生效

---

在Swift中使用

self.usernameTextField.addTarget(self, action: #selector(updatePicImageView), for: UIControlEvents.editingChanged) let rule = MTRule.init(target: self, selector: #selector(updatePicImageView), durationThreshold: 1.2); rule.messageQueue = DispatchQueue.main; rule.mode = .debounce; MTEngine.default.apply(rule);

这个和下面用RxSwift的示例做了同样的事 可以对比一下

RxSwift实例

根据用户输入的名字变化 更新头像

_ = self.usernameTextField.rx.text.orEmpty .debounce(1.2, scheduler: MainScheduler.instance) .distinctUntilChanged() .observeOn(MainScheduler.instance) .subscribe(onNext: { (query) in self.updatePicImageView(); })