加载中 ...
首页 > 新闻资讯 > 小程序 正文

微信小程序如何避免多次跳转

2019-07-31 10:20:18 来源:沈阳小程序开发 作者:沈阳软件开发

当场景使用小程序时,会出现用户认为点击无效的情况,当网络状况不佳或卡住时多次点击,最后页面跳转多次。如何避免它。解决方案然后从轻松了解JS功能限制和功能防抖中找到解决方案,这是功能油门(油门):该功能将在几次触发,仅在此时间结束之前,无论触发多少次,都不会执行该功能。 /utils/util.js: function throttle(fn,gapTime){if(gapTime==null || gapTime==undefined){gapTime=1500} let _lastTime=null return function(){let _nowTime=+ new Date()如果(_nowTime - _lastTime> gapTime ||!_ lastTime){fn()_lastTime=_nowTime}}} module.exports={throttle: throttle} /pages/throttle/throttle.wxml: tap/pages/throttle/throttle.jsconst Util=require('././utils/util.js')Page({data: {text:'tomfriwel'},onLoad: function(options){},tap: util.throttle(function(e) 但这有一个问题。当你想获得this.data时,这是未定义的,或者你想得到微信组件按钮。传递给click函数的数据e也是未定义的,因此限制函数需要进行一些处理以使其可以在微信小程序的页面js中使用。21708-1P2091I202610.png原因是节流阀返回一个新函数,它不是原始函数。新函数包装原始函数,因此组件按钮传递的参数在新函数中。所以我们需要将这些参数传递给真正需要执行的函数fn。最后的节流函数如下:function throttle(fn,gapTime){if(gapTime==null || gapTime==undefined){gapTime=1500} let _lastTime=null //返回新函数返回函数(){let _nowTime=+ new Date()if(_nowTime - _lastTime> gapTime ||!_ lastTime){fn.apply(this,arguments)//将此参数和参数传递给原始函数_lastTime=_nowTime}}}单击此按钮和e再次有:21708-1P2091I24c09.png参考,轻松了解JS函数限制和功能防抖源代码tomfriwel/MyWechatAppDemo的节流页面

HiShop小程序工具提供多种类型的商城/商店小程序制作,可视化编辑1秒,在线生成5个步骤。通过拖动和拼接模块布局小程序商城页面,你可以看到你得到的东西,你只需要艺术家来制作一个漂亮的商场。

有关更多小程序的信息,请访问:www.hvihi.com/xiaocx/

< 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>

确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。