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


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 相关文章推荐
php 中序列化和json使用介绍
Jul 08 Javascript
jquery动态加载select下拉框示例代码
Dec 10 Javascript
图解prototype、proto和constructor的三角关系
Jul 31 Javascript
原生JS实现首页进度加载动画
Sep 14 Javascript
JS调用Android、Ios原生控件
Jan 06 Javascript
基于vue.js路由参数的实例讲解——简单易懂
Sep 07 Javascript
基于iScroll实现内容滚动效果
Mar 21 Javascript
微信小程序实现文字从右向左无限滚动
Nov 18 Javascript
vue+elementUI实现图片上传功能
Aug 20 Javascript
js实现计时器秒表功能
Dec 16 Javascript
微信小程序后端无法保持session的原因及解决办法问题
Mar 20 Javascript
vue 遮罩层阻止默认滚动事件操作
Jul 28 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概述.
2006/10/09 PHP
PHP读取MySQL数据代码
2008/06/05 PHP
PHP 冒泡排序 二分查找 顺序查找 二维数组排序算法函数的详解
2013/06/25 PHP
php pki加密技术(openssl)详解
2013/07/01 PHP
php格式化日期和时间格式化示例分享
2014/02/24 PHP
Discuz!X中SESSION机制实例详解
2015/09/23 PHP
php删除数组中重复元素的方法
2015/12/22 PHP
jQuery 无刷新分页实例代码
2013/11/12 Javascript
node.js中的fs.fchown方法使用说明
2014/12/16 Javascript
AngularJS基础学习笔记之表达式
2015/05/10 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
2015/10/21 Javascript
JavaScript正则表达式匹配 div  style标签
2016/03/15 Javascript
用AngularJS来实现监察表单按钮的禁用效果
2016/11/02 Javascript
关于Vue.js一些问题和思考学习笔记(2)
2016/12/02 Javascript
详解Webpack实战之构建 Electron 应用
2017/12/25 Javascript
Vue2.x中利用@font-size引入字体图标报错的解决方法
2018/09/28 Javascript
nodejs对项目下所有空文件夹创建gitkeep的方法
2019/08/02 NodeJs
element-ui点击查看大图的方法示例
2020/12/14 Javascript
[36:05]DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs Optic
2018/04/01 DOTA
Python数据结构之栈、队列及二叉树定义与用法浅析
2018/12/27 Python
Python爬虫实战之12306抢票开源
2019/01/24 Python
Python简单处理坐标排序问题示例
2019/07/11 Python
Django外键(ForeignKey)操作以及related_name的作用详解
2019/07/29 Python
python flask中动态URL规则详解
2019/11/22 Python
NumPy中的维度Axis详解
2019/11/26 Python
python numpy数组中的复制知识解析
2020/02/03 Python
Python解释器及PyCharm工具安装过程
2020/02/26 Python
python+selenium+chrome批量文件下载并自动创建文件夹实例
2020/04/27 Python
css3实现超炫风车特效
2014/11/12 HTML / CSS
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
运动会通讯稿100字
2014/01/31 职场文书
党员弘扬焦裕禄精神思想汇报
2014/09/10 职场文书
《钢铁是怎样炼成的》高中读后感
2019/08/07 职场文书
创业的9条正确思考方式
2019/08/26 职场文书
导游词之日本富士山
2020/01/06 职场文书
python中的3种定义类方法
2021/11/27 Python