微信小程序 - 01 - 一些补充和注意点(补充ing...)

目录

最近在学微信小程序,把学习过程中的一些补充和注意点总结一下,内容会比较简单,因为只涉及基础知识,供个人参考

一、节流

情景:有一个按钮,点击会发送请求,用户可能会连续点击,但是我想即便在用户连续点击按钮的情况下,只有上一个请求发送完毕后,才能发送下一个请求

javascript 复制代码
data: {
    isLoading: false
}
// 发请求
getNameList() {
    this.setData({
        isLoading: true // 开启节流,相当于锁住了    
    })
    wx.request({
        url: 'xxx',
        method: 'GET',
        complete: () => {
            // 关闭节流,相当于打开锁
            this.setData({
                isLoading: false            
            })        
        }    
    })
}
// 事件,里面需要发请求
changeName() {
    if(this.data.isLoading) return // isLoading为true,说明上一个请求还在发送中,这时候不能再次发送请求
    getNameList()
}

二、在一个发请求的函数中,只有发生下拉动作,才执行关闭下拉代码

情景:用户发生下拉刷新的动作,于是触发函数,向后端发送请求,在请求结束后,要关闭下拉刷新的效果。但是这个函数不是只有下拉刷新的时候才触发,其他情况也要用到这个函数,我想只有发生下拉刷新才执行函数里的关闭下拉刷新代码,其余情况不执行

javascript 复制代码
  // 发请求获取id对应的数据
  getShopList(cb) {
    wx.request({
      url: `xxx`,
      method: 'GET',
      complete: () => {
        // 关闭下拉刷新的效果(只有下拉了,才需要关闭这个效果,其余情况不需要关闭)
        cb && cb()
      }
    })
  },
// 页面相关事件处理函数--监听用户下拉动作
  onPullDownRefresh() {
    // 重新发起数据请求
    this.getShopList(() => { // 传递了关闭下拉刷新的代码,在getShop函数里会执行该代码
      wx.stopPullDownRefresh()
    })
  },
// 普通事件
changeShop() {
	getShopList() // 没有传递参数,则在getShop函数里不会执行关闭下拉刷新的代码
}
相关推荐
thinkQuadratic1 小时前
微信小程序动态设置高度,添加动画等常用操作
微信小程序·小程序
中科三方2 小时前
APP和小程序需要注册域名吗?(国科云)
小程序·apache
幽络源小助理4 小时前
微信小程序文章管理系统开发实现
java·微信小程序·springboot
10年前端老司机5 小时前
微信小程序模板语法和事件
前端·javascript·微信小程序
上趣工作室6 小时前
微信小程序开发1------微信小程序中的消息提示框总结
微信小程序·小程序
三天不学习8 小时前
微信小程序蓝牙连接打印机打印单据完整Demo【蓝牙小票打印】
微信小程序·小程序·蓝牙打印
韩仔搭建9 小时前
美乐迪电玩大厅加载机制与 RoomList 配置结构分析
游戏·小程序·开源·lua
WKK_11 小时前
uniapp自定义封装tabbar
前端·javascript·小程序·uni-app
老李不敲代码1 天前
榕壹云预约咨询系统:基于ThinkPHP+MySQL+UniApp打造的灵活预约小程序解决方案
mysql·微信小程序·小程序·uni-app·php
fakaifa1 天前
【最新版】西陆健身系统源码全开源+uniapp前端
前端·小程序·uni-app·开源·php·约课小程序·健身小程序