微信小程序 - 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函数里不会执行关闭下拉刷新的代码
}
相关推荐
zoahxmy09295 小时前
微信小程序 request 流式数据处理
微信小程序
人人题6 小时前
汽车加气站操作工考试答题模板
笔记·职场和发展·微信小程序·汽车·创业创新·学习方法·业界资讯
曲江涛8 小时前
微信小程序 webview 定位 并返回
微信小程序·小程序
weixin_440470508 小时前
部署Dify接入微信验证反代根目录创建一个文件通过微信小程序验证
微信小程序·腾讯云
27669582929 小时前
美团民宿 mtgsig 小程序 mtgsig1.2 分析
java·python·小程序·美团·mtgsig·mtgsig1.2·美团民宿
web_Hsir10 小时前
uniapp 微信小程序 使用ucharts
微信小程序·小程序·uni-app
web_Hsir10 小时前
Uniapp 实现微信小程序滑动面板功能详解
vue.js·微信小程序·uni-app
fakaifa11 小时前
beikeshop多商户跨境电商独立站最新版v1.6.0版本源码
前端·小程序·uni-app·php·beikeshop多商户·beikeshop跨境电商
Angus-zoe11 小时前
微信小程序唤起app
微信小程序·小程序
不老刘12 小时前
微信小程序使用 Vant Weapp 组件库教程
微信小程序·小程序·vant