微信小程序 函數(shù)防抖 解決重復(fù)點擊消耗性能問題實現(xiàn)代碼
更新時間：2019年09月12日 11:17:09 作者：明明一顆大白菜
這篇文章主要介紹了微信小程序使用函數(shù)防抖解決重復(fù)點擊消耗性能問題實現(xiàn)代碼,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
這篇文章主要介紹了微信小程序使用函數(shù)防抖解決重復(fù)點擊消耗性能問題實現(xiàn)代碼,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
wxml:
<view bindtap="doubleTap" bindtouchstart="touchStart" bindtouchend="touchEnd">click me</view>
js:
// 防止重復(fù)點擊
touchStart(e) {
this.touchStartTime = e.timeStamp;
},
touchEnd(e) {
this.touchEndTime = e.timeStamp;
},
doubleTap(e) {
var vm = this;
// 控制點擊事件在350ms內(nèi)觸發(fā)，加這層判斷是為了防止長按時會觸發(fā)點擊事件
if (vm.touchEndTime - vm.touchStartTime < 350) {
// 當(dāng)前點擊的時間
var currentTime = e.timeStamp;
var lastTapTime = vm.lastTapTime;
// 更新最后一次點擊時間
vm.lastTapTime = currentTime;
// 如果兩次點擊時間在300毫秒內(nèi)，則認(rèn)為是雙擊事件
if (currentTime - lastTapTime > 300) {
// do something 點擊事件具體執(zhí)行那個業(yè)務(wù)
}
}
}
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
最近自己在搭建一個基于webpack的react項目，遇到關(guān)于output.publicPath和webpack-dev-server中publicPath的問題，所以自己研究了下并寫下本文記錄。感興趣的小伙伴們可以參考一下2021-06-06
本篇文章通過仿照淘寶搜索關(guān)鍵字后下拉相關(guān)產(chǎn)品搜索樣子的制作，深度分析了JSsearch的用法，一起跟著小編學(xué)習(xí)下吧。2018-01-01
本篇文章主要介紹了淺談mint-ui 填坑之路，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
下面小編就為大家?guī)硪黄赾anvas粒子系統(tǒng)的構(gòu)建詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
70+漂亮且極具親和力的導(dǎo)航菜單設(shè)計國外網(wǎng)站推薦
網(wǎng)站可用性是任何網(wǎng)站的基本要素，而可用的導(dǎo)航更是網(wǎng)站所必需的要素之一。導(dǎo)航?jīng)Q定了用戶如何與網(wǎng)站進(jìn)行交互。如果沒有了可用的導(dǎo)航，那么網(wǎng)站內(nèi)容就會變得毫無用處。2011-09-09
layui結(jié)合form,table的全選、反選v1.0示例講解
今天小編就為大家分享一篇layui結(jié)合form,table的全選、反選v1.0示例講解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
JavaScript 早已不只是一門寫寫網(wǎng)頁特效的腳本語言了，如今廣泛用于網(wǎng)站的前端交互。2011-04-04
在前端開發(fā)的過程中,我們經(jīng)常會遇到需要對于輸入的字符串進(jìn)行格式化處理,這篇文章主要給大家介紹了關(guān)于使用js去除字符串內(nèi)所帶有空格的三種方法,需要的朋友可以參考下2023-10-10
之前做過一個生成漸變字體的簡單演示今天閑著沒事就把這個功能完善了，把JS代碼封裝成一個類，載入頁面就可以使相應(yīng)的HTML元素內(nèi)部的字體產(chǎn)生漸變色。2008-11-11
這篇文章主要介紹了制作微信小程序的小白簡單入門教程。本文就是小程序?qū)W習(xí)筆記，整理成教程的形式，希望對于初學(xué)者有用。需要學(xué)會的主要知識點都會講到，目標(biāo)是你讀完這個教程，就能學(xué)會怎么寫小程序。2022-12-12