问题描述:在使用小程序中,如果用户点击按钮过快,会出现两个一模一样下级界面,这样很影响用户的正常体验。
解决办法:在util文件中增加全局按钮函数节流和函数防抖函数
代码如下:
/*按钮函数节流和函数防抖*/
function throttle(fn, gapTime) {if (gapTime == null || gapTime == undefined) {gapTime = 1500}let _lastTime = null// 返回新的函数return function () {let _nowTime = + new Date()if (_nowTime - _lastTime > gapTime || !_lastTime) {fn.apply(this, arguments) //将this和参数传给原函数_lastTime = _nowTime}}
}
在js中调用时:
test: util.throttle(function (e) {console.log(111);}, 1000),
好了,问题解决啦,以上均为本人使用方法,如有错误,望各位指正!