前端做个防抖，后端可以做个接口幂等

如果是提交数据到后台，后台判断这个用户有没有提交过（该表里边有没有这个用户的数据），如果有提交，不让提交；如果是需要多次提交的，后台同样判断时间差，多久允许提交一次；

一般来讲,你这个逻辑是没有问题的,但为什么做了限制,仍然会提交两次呢?两种可能

1.该方法是异步调用的,异步调用就意味着存在多条线程同时运行,当还是y的时候,就有两个或以上线程运行到方法里了,这种情况你给方法设为同步调用就行了;

2.虽然你设置了时间3s,但你要考虑到,这小段代码运行是毫秒级别的,你设置一个Y参数,还用断位或.你后面的3s就没有起作用,这种情况,你删除那个Y参数,只保留一个3s的条件就可以了

3.补充一点,这种判断,你直接过滤掉就好了,从用户角度来讲,我点一次,你也正常提交了,但是你还给我一个错误点击的提示,会让我误以为我的操作没有生效

参考下我的封装

https://www.cnblogs.com/520BigBear/p/16328212.html

/**
 * 是否重复点击
 */
class RepeatClick {
  constructor() {
    this.clickTime = 0;
  }


  isRepeat() {
    return 1 === this.clickTime;
  }


  begin() {
    this.clickTime = 1;
  }


  end() {
    this.clickTime = 0;
  }
}


module.exports = {
  RepeatClick
}

////////////////////////////////


import
 { RepeatClick } from './RepeatClick';


/**
 * 间隔多久可再次执行
 */
class IntervalLoad {
  constructor() {
    this.repeat = new RepeatClick();
  }


  /**
   * 完成标记
   * @param {number} interval   间隔时间
   * @param {string} toast      提示信息,'none' 不提示
   * @param {boolean} toastMask 是否显示提示蒙层
   * @return true可以再次执行,false不可再次执行
   */
  done(p = { interval: 1500, toast: '请勿频繁操作', toastMask: true }) {
    if (this.repeat.isRepeat()) {
      if ('none' != p.toast) {
        wx.showToast({
          title: p.toast,
          icon: 'none',
          mask: p.toastMask
        });
      }
      return false;
    }
    this.repeat.begin();
    const that = this;
    // interval秒后可以重新加载
    setTimeout(function () {
      that.repeat.end();
    }, p.interval);
    return true;
  }
}


module.exports = {
  IntervalLoad
}
/////////////使用

import {
  IntervalLoad
} from 'IntervalLoad';

const $interval = new IntervalLoad();

submit（） {
   if (!$interval.done()) {
      return;
    }
}

button有个disabled属性，设置它比showLoading靠谱