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

server/2024/12/23 6:26:31/

目录

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

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

一、节流

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

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/server/131549.html

相关文章

RK3588 buildroot 制作的系统增加 docker 支持

RK3588 buildroot 制作的系统增加 docker 支持 简介 使用 ubuntu 系统使用一个指令就可以安装 docker ,因为工作需要,系统不能使用 ubuntu 而只能使用buildroot 制作系统,下面我们就一起看下如果在 buildroot 系统上安装 docker 安装 docker 前的内核配置 运行 docker 需要…

论文笔记:PTR: Prompt Tuning with Rules for Text Classification

Abstract 手动设计大量语言提示麻烦且易出错,而自动生成的提示,在非小样本场景下验证其有效性昂贵且耗时。因此,提示调优以处理多类别分类任务仍然具有挑战。为此,本文提出使用规则进行多类别文本分类提示调优(PTR&…

Node.js概述

1. Node.js简介 Node.js是一个基于Chrome V8引擎的JavaScript运行环境。 地址:Node.js 中文网 1.1 Node.js中的JavaScript运行环境 (1)浏览器是JavaScript的前端运行环境 (2)Node.js是JavaScript的后端运行环境 …

P8635 [蓝桥杯 2016 省 AB] 四平方和

对于一个给定的正整数&#xff0c;可能存在多种平方和的表示法。 要求你对 44个数排序使得 0≤a≤b≤c≤d。 输入 #1复制 5 输出 #1 0 0 1 2 输入 #2 12 输出 #2 0 2 2 2 输入 #3 773535 输出 #3 1 1 267 838 代码 #include<bits/stdc.h> using namespace …

应用UX体验标准

1、应用导航 标准编号 2.1.1.1 系统返回 标准描述 所有界面都可以执行系统返回操作。 除一级界面外&#xff0c;所有全屏界面均需要提供返回/关闭/取消按钮。(全屏沉浸式场景除外) 测试方法 使用侧边返回手势&#xff0c;验证当前应用界面是否可以执行系统返回操作。检查…

【运维篇】redis运维管理及redis-cli 常用命令

一、文章介绍 本篇文章主要从一个Redis管理员&#xff0c;运维者的角度进行介绍&#xff0c;方便我们排查我解决问题。 redis-cli 是原生 Redis 自带的命令行工具&#xff0c;您可以在云主机或本地设备上通过 redis-cli 连接 Redis 数据库&#xff0c;进行数据管理。 更多 r…

PDF无法导出中文

font/SIMSUN.TTC with Identity-H is not recognized. 查看BaseFont源码发现".ttc," 改为"SIMSUN.TTC,a"提示数字转换异常 改为"SIMSUN.TTC,11"提示数字索引必须介于0和1之间 改为0或1结果正常 BaseFont baseFont BaseFont.createFont("/U…

使用Facebook Messenger数据进行AI模型微调的完整指南

引言 在这个数字化时代&#xff0c;个性化的AI助手已经成为热门话题。而微调模型是实现这一目标的核心方法之一。本文将介绍如何从Facebook Messenger中提取对话数据&#xff0c;并使用这些数据对AI模型进行微调&#xff0c;从而创建更符合个人需求的AI助手。 主要内容 1. 下…