织梦网站源码转换成wordpress,东莞疾控中心最新通知,凡客诚品官网网址,音乐类网站页面设计特点目录 一、节流二、在一个发请求的函数中#xff0c;只有发生下拉动作#xff0c;才执行关闭下拉代码 最近在学微信小程序#xff0c;把学习过程中的一些补充和注意点总结一下#xff0c;内容会比较简单#xff0c;因为只涉及基础知识#xff0c;供个人参考
一、节流
情… 目录 一、节流二、在一个发请求的函数中只有发生下拉动作才执行关闭下拉代码 最近在学微信小程序把学习过程中的一些补充和注意点总结一下内容会比较简单因为只涉及基础知识供个人参考
一、节流
情景有一个按钮点击会发送请求用户可能会连续点击但是我想即便在用户连续点击按钮的情况下只有上一个请求发送完毕后才能发送下一个请求
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()
}二、在一个发请求的函数中只有发生下拉动作才执行关闭下拉代码
情景用户发生下拉刷新的动作于是触发函数向后端发送请求在请求结束后要关闭下拉刷新的效果。但是这个函数不是只有下拉刷新的时候才触发其他情况也要用到这个函数我想只有发生下拉刷新才执行函数里的关闭下拉刷新代码其余情况不执行 // 发请求获取id对应的数据getShopList(cb) {wx.request({url: xxx,method: GET,complete: () {// 关闭下拉刷新的效果(只有下拉了才需要关闭这个效果其余情况不需要关闭)cb cb()}})},
// 页面相关事件处理函数--监听用户下拉动作onPullDownRefresh() {// 重新发起数据请求this.getShopList(() { // 传递了关闭下拉刷新的代码在getShop函数里会执行该代码wx.stopPullDownRefresh()})},
// 普通事件
changeShop() {getShopList() // 没有传递参数则在getShop函数里不会执行关闭下拉刷新的代码
}
