• 5月份61城房价环比反弹 多地调控政策或再加码 ——凤凰网房产武汉 2019-03-23
  • 普法小课堂之“有效遗嘱” 2019-03-23
  • 回复@看着就想笑:同时,市场不具有配置全局性长期性战略性资源的功能。 2019-03-22
  • 楼市下半年或持续降温 房地产长效机制加速推进 2019-03-17
  • 北京市北京睿通伟业综合店【在线咨询】 2018-11-26
  • 10年后 逍客仍是15万级合资SUV的定义者 2018-11-26
  • 还有十八掌、自然想钱系列马甲…… 2018-11-26
  • 用户
     找回密码
     立即注册

    QQ登录

    只需一步,快速开始

    扫一扫,登录网站

    小程序社区 首页 教程 查看内容

    体彩湖北体彩11选五:微信小程序:防止多次点击跳转(函数节流)

    河北体彩11选5今天开奖 www.7vek.com Rolan 2018-11-22 00:13

    场景在使用小程序的时候会出现这样一种情况:当网络条件差或卡顿的情况下,使用者会认为点击无效而进行多次点击,最后出现多次跳转页面的情况,就像下图(快速点击了两次):解决办法就是函数节流(throttle):函数在 ...

    场景

    在使用河北体彩11选5今天开奖的时候会出现这样一种情况:当网络条件差或卡顿的情况下,使用者会认为点击无效而进行多次点击,最后出现多次跳转页面的情况,就像下图(快速点击了两次):

    解决办法

    就是函数节流(throttle):函数在一段时间内多次触发只会执行第一次,在这段时间结束前,不管触发多少次也不会执行函数。

    /utils/util.js:

    复制代码

    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
    }
    }
    }

    复制代码

    /pages/throttle/throttle.wxml:

    <button bindtap='tap' data-key='abc'>tap</button>

    /pages/throttle/throttle.js

    复制代码
    const util = require('../../utils/util.js')
     
    Page({
        data: {
            text: 'tomfriwel'
        },
        onLoad: function (options) {
     
        },
        tap: util.throttle(function (e) {
            console.log(this)
            console.log(e)
            console.log((new Date()).getSeconds())
        }, 1000)
    })
    复制代码

    这样,疯狂点击按钮也只会1s触发一次。

    分享至 : QQ空间
    收藏
    原作者: GavinJay 来自: cnblogs
  • 5月份61城房价环比反弹 多地调控政策或再加码 ——凤凰网房产武汉 2019-03-23
  • 普法小课堂之“有效遗嘱” 2019-03-23
  • 回复@看着就想笑:同时,市场不具有配置全局性长期性战略性资源的功能。 2019-03-22
  • 楼市下半年或持续降温 房地产长效机制加速推进 2019-03-17
  • 北京市北京睿通伟业综合店【在线咨询】 2018-11-26
  • 10年后 逍客仍是15万级合资SUV的定义者 2018-11-26
  • 还有十八掌、自然想钱系列马甲…… 2018-11-26