微信小程序 防连点时间_微信小程序开发——点击防重的解决方案

对于一些涉及后端接口请求的单击事件，不论后端是否做了请求限制，前端还是有必要进行点击防重处理的。

这样既能减少对服务器端的压力，也能有效防止因重复请求而造成一些不可预期的异常。

尤其是接口请求结果处理的逻辑中有需要调用小程序api，如获取手机号码授权、支付、领取卡券这些API。

虽然这些API都能调起自己的原生界面，但是从请求到相关原生界面展示出来之前是会有一定的时间的，如果在这个空档用户快速点击，那么就会造成接口被重复请求，直接回影响到小程序API的调用。

对于点击防重，以前用过一种比较笨的方法，就是自定义loading组件，在接口请求开始前loading，API调用complete回调中隐藏loading。

自定义loading组件点击防重：

之所以自定义loading，是由于小程序的showToast和showLoading只能显示一个，为了避免showToast的影响，我们需要自定义一个loading组件；

loading组件需要有蒙板，这样loading的时候能隔离页面，有效的屏蔽点击(蒙板可以设置一个蒙板是否透明的参数，正常调用显示半透明灰底蒙板，涉及到小程序API不需要灰底蒙板的就显示透明蒙板)。

当然，这种做法只不过是避免showToast影响showLoading的同时，还可以做点击防重，如果仅仅是点击防重，这代码量就比较多了。

如果原生的loading就能满足需求，那么可以采用下面的方法进行点击防重：

定义点击标志变量进行点击防重：

Page({

data: {