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

news/2024/10/9 18:15:17/

目录

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

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

一、节流

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

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函数里不会执行关闭下拉刷新的代码
}

http://www.ppmy.cn/news/1536754.html

相关文章

【优选算法】(第二十二篇)

目录 颜⾊分类(medium) 题目解析 讲解算法原理 编写代码 快速排序(medium) 题目解析 讲解算法原理 编写代码 颜⾊分类(medium) 题目解析 1.题目链接:. - 力扣(LeetCode&…

React第十章(useState)

useState useState 是一个 React Hook,允许函数组件在内部管理状态。 组件通常需要根据交互更改屏幕上显示的内容,例如点击某个按钮更改值,或者输入文本框中的内容,这些值被称为状态值也就是(state)。 使用方法 useState 接收…

everyday_question dq20240731

网卡的作用是什么? 网卡(Network Interface Card,NIC),也称为网络适配器,是计算机硬件的一部分,用于实现计算机与网络之间的连接和数据传输。以下是网卡的一些主要作用: 网络连接&a…

RabbitMQ入门1—queue参数之type

RabbitMQ 队列的 type 参数,这个参数是在 RabbitMQ 3.8.0 及以后版本引入的,它允许指定队列的存储和行为模式。type 参数有以下几种可选值: 1. classic 描述:这是 RabbitMQ 的传统队列类型,也是默认类型。如果不指定…

幂等性接口实现

1、什么是幂等性 幂等(idempotence),这个词源自数学,幂等性是数学中的一个概念,常见于抽象代数中。表达的是N次变换与1次变换的结果相同。简单来说,就是如果方法调用一次和调用多次产生的效果是相同的&…

YOLO11改进|卷积篇|引入空间通道重组卷积ScConv

目录 一、【SCConv】卷积1.1【SCConv】卷积介绍1.2【SCConv】核心代码 二、添加【SCConv】卷积2.1STEP12.2STEP22.3STEP32.4STEP4 三、yaml文件与运行3.1yaml文件3.2运行成功截图 一、【SCConv】卷积 1.1【SCConv】卷积介绍 SCConv 模块提供了一种新的视角来看待CNNs的特征提取…

Python Django ORM 的工作原理

在 Web 开发中,处理数据库是非常常见的需求,尤其是在构建动态应用程序时。Django 作为一个流行的 Python Web 框架,提供了一套强大的工具帮助开发者轻松管理数据库。Django 的 ORM(对象关系映射,Object-Relational Map…

SpringBoot中,接口签名,通用方案,以确保接口的安全性

1. 为什么需要接口签名? 接口签名目的:防止第三方伪造请求。请求伪造:未经授权的第三方构造合法用户的请求来执行不希望的操作。转账接口示例:展示了如果接口没有安全措施,第三方可以轻易伪造请求,例如将资…