【文件属性】:
文件名称:防止小程序多次点击跳转解决方案
文件大小:99KB
文件格式:PDF
更新时间:2021-03-29 17:47:23
防止,小,程序,多次,点击,跳转,解决方案,
场景
在使用小程序的时候会出现这样一种情况:当网络条件差或卡顿的情况下,使用者会认为点击无效而进行多次点击,最后出现多次跳转页面的情况,就像下图(快速点击了两次):
(此图片来源于网络,如有侵权,请联系删除! )
解决办法
然后从 轻松理解JS函数节流和函数防抖 中找到了解决办法,就是函数节流(throttle):函数在一段时间内多次触发只会执行第一次,在这段时间结束前,不管触发多少次也不会执行函数。
/utils/util.js:
function throttle(fn, gapTime) {
if (gapTime == null || gapTime == undefined)