微信小程序 函数防抖 解决重复点击消耗性能问题实现代码


Posted in Javascript onSeptember 12, 2019

这篇文章主要介绍了微信小程序使用函数防抖解决重复点击消耗性能问题实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

wxml:

<view bindtap="doubleTap" bindtouchstart="touchStart" bindtouchend="touchEnd">click me</view>

 js:

// 防止重复点击
 touchStart(e) {
  this.touchStartTime = e.timeStamp;
 },
 touchEnd(e) {
 this.touchEndTime = e.timeStamp;
 },
 doubleTap(e) {
 var vm = this;
 // 控制点击事件在350ms内触发,加这层判断是为了防止长按时会触发点击事件
 if (vm.touchEndTime - vm.touchStartTime < 350) {
  // 当前点击的时间
  var currentTime = e.timeStamp;
  var lastTapTime = vm.lastTapTime;
  // 更新最后一次点击时间
  vm.lastTapTime = currentTime;
  // 如果两次点击时间在300毫秒内,则认为是双击事件
  if (currentTime - lastTapTime > 300) {
  // do something 点击事件具体执行那个业务  
  }
 }
 }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Aptana调试javascript图解教程
Nov 30 Javascript
javascript 二进制运算技巧解析
Nov 27 Javascript
jquery 合并内容相同的单元格(示例代码)
Dec 13 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 25 Javascript
JS使用for循环遍历Table的所有单元格内容
Aug 21 Javascript
js获取当前年月日-YYYYmmDD格式的实现代码
Jun 01 Javascript
jQuery图片左右滚动代码 有左右按钮实例
Jun 20 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
Jul 20 jQuery
Vue解析剪切板图片并实现发送功能
Feb 04 Javascript
详解webpack-dev-middleware 源码解读
Mar 23 Javascript
浅谈vant组件Picker 选择器选单选问题
Nov 04 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
Feb 25 Javascript
微信小程序之 catalog 切换实现解析
Sep 12 #Javascript
layui实现checkbox的目录树tree的例子
Sep 12 #Javascript
layui表单提交到后台自动封装到实体类的方法
Sep 12 #Javascript
使用flow来规范javascript的变量类型
Sep 12 #Javascript
LayUI数据接口返回实体封装的例子
Sep 12 #Javascript
浅谈layui 数据表格前后台传值的问题
Sep 12 #Javascript
layui框架与SSM前后台交互的方法
Sep 12 #Javascript
You might like
php实现文本数据导入SQL SERVER
2015/05/17 PHP
解决php表单重复提交实现方法
2015/09/29 PHP
PHP简单读取xml文件的方法示例
2017/04/20 PHP
PHP实现下载远程图片保存到本地的方法
2017/06/19 PHP
PHP二维数组实现去除重复项的方法【保留各个键值】
2017/12/21 PHP
XHTML-Strict 内允许出现的标签
2006/12/11 Javascript
jquery特效 幻灯片效果示例代码
2013/07/16 Javascript
使用jquery的ajax需要注意的地方dataType的设置
2013/08/12 Javascript
代码获取历史上的今天发生的事
2014/04/11 Javascript
一个JavaScript的求爱小特效
2014/05/09 Javascript
jquery.mobile 共同布局遇到的问题小结
2015/02/10 Javascript
JS跨域交互(jQuery+php)之jsonp使用心得
2016/07/01 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
纯原生js实现贪吃蛇游戏
2020/04/16 Javascript
nodejs multer实现文件上传与下载
2017/05/10 NodeJs
js脚本编写简单刷票投票系统
2017/06/27 Javascript
nodejs使用express获取get和post传值及session验证的方法
2017/11/09 NodeJs
JQuery插件tablesorter表格排序实现过程解析
2020/05/28 jQuery
Python中的作用域规则详解
2015/01/30 Python
详解Python迭代和迭代器
2016/03/28 Python
Python科学画图代码分享
2017/11/29 Python
浅谈用VSCode写python的正确姿势
2017/12/16 Python
python保存数据到本地文件的方法
2018/06/23 Python
解决python3捕获cx_oracle抛出的异常错误问题
2018/10/18 Python
Python正则表达式匹配和提取IP地址
2019/06/06 Python
tesserocr与pytesseract模块的使用方法解析
2019/08/30 Python
X/HTML5 和 XHTML2
2008/10/17 HTML / CSS
HTML5几个设计和修改的页面范例分享
2015/09/29 HTML / CSS
浅谈HTML5中dialog元素尝鲜
2018/10/15 HTML / CSS
巧克力领导品牌瑞士莲美国官网:Lindt Chocolate美国
2016/08/25 全球购物
2019年Java面试必问之经典试题
2012/09/12 面试题
自荐信的格式
2014/03/10 职场文书
教师产假请假条
2014/04/10 职场文书
物理学专业自荐信
2014/06/11 职场文书
2019军训心得体会
2019/06/27 职场文书
浅谈JavaScript作用域
2021/12/06 Javascript