2022/4/3 微信小程序

已于 2022-04-07 22:29:22 修改
阅读量102 收藏
点赞数
文章标签： 学习 微信小程序
于 2022-04-03 21:52:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qjwzero/article/details/123927986
版权

36-59

页面导航

在这里插入图片描述
在这里插入图片描述

声明式导航

声明式导航跳转到tabBar页面

在这里插入图片描述

声明式导航跳转到非tabBar页面

在这里插入图片描述

后退导航

在这里插入图片描述

编程式导航

导航到TabBar页面：wx.swtichTab(obj)

在这里插入图片描述
在这里插入图片描述

导航到非TabBar页面：wx.navigateTo(obj)

在这里插入图片描述
在这里插入图片描述

后退导航：wx.navigateBack(obj)

在这里插入图片描述
deita不写则默认后退1页
在这里插入图片描述

导航传参

声明式传参

在这里插入图片描述

编程式传参

参数规则上声明式传参相同，写在url中
在这里插入图片描述

在onLoad中接收导航参数

在这里插入图片描述
为了使页面中的其他函数也可以访问传来的参数，一般在data中定义数组query，用来接收options

页面事件

下拉刷新

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

监听页面下拉刷新事件： onPullDownRefresh

在这里插入图片描述
若要停止下拉刷新效果：wx.stopPullDownRefresh()
在这里插入图片描述

上拉触底

在这里插入图片描述
在这里插入图片描述

监听页面上拉触底事件：onReachBottom

在这里插入图片描述
在这里插入图片描述
由于触底可被多次触发，在实际开发中需要对触底事件进行节流处理，以防上一次请求未完成时，就触发下一次请求。

上拉触底案例

在这里插入图片描述

上拉触底时获取随机颜色

在onReachBottom中调用getcolor
在这里插入图片描述

添加loading提示效果

官方文档中的showloading介绍
在这里插入图片描述

上拉触底的节流处理

正在请求下一页数据时，屏蔽其余请求。
在这里插入图片描述
节流效果的简单实现：不用isLoading变量，通过在showLoading中添加mask：true即可实现

自定义编译模式

在这里插入图片描述
主要解决在开发过程中，每次重新编译后，自动定位到首页的问题。设置后，可在重新编译后自动定位到需要页面。

生命周期

在这里插入图片描述
在这里插入图片描述

生命周期函数

在这里插入图片描述
在这里插入图片描述

应用生命周期函数

在这里插入图片描述
官方文档：应用生命周期函数

  • onLanuch
    在程序启动时，可以从本地存储中读取数据，对小程序变量进行初始化。
  • onShow/onHide
    补充：前台到后台的转换：当用户从小程序页面切换至手机主页时，小程序从前台切换到后台。反之则从后台切换到前台。
页面生命周期函数

在这里插入图片描述
官方文档：页面生命周期函数

wxs脚本

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

基本语法

内嵌wxs脚本在这里插入图片描述

此过滤器作用，将小写显示为大写，但.js中的变量未变
在这里插入图片描述

外联wxs脚本

定义：在这里插入图片描述
使用：
在这里插入图片描述
特点：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

qjwzero
关注
如何在微信小程序中对接微信支付
weixin_44976692的博客
07-10 2万+
在微信小程序中集成微信支付，需要经过一系列步骤，包括注册小程序、申请微信支付、创建支付订单、调用支付API以及处理支付结果通知。尽管过程中可能会遇到一些问题，但只要按照文档要求进行配置和开发，基本都能顺利完成。希望本文能为你提供一些帮助，让你在微信小程序中顺利集成微信支付。
2022/4/2 微信小程序
qjwzero的博客
04-02 969
12- API WXML模板语法 数据绑定 基本使用 例： 定义数据 数据绑定，并渲染数据 效果 Mustache语法的使用 绑定内容 绑定属性 运算 事件绑定 常用事件： 事件对象的属性列表 bindtap 打印出的event如下： 在事件处理函数中为data中的变量赋值 this.setData方法：赋值 取data中的变量：this.data.变量名 事件传参 正确的传参方法： 注：在data-*=“参数值"中，双引号中的内容若不使用{{}}，则传入的是字符串，不是
微信小程序获取用户信息流程（2022年版）
LeeBrook0的博客
03-07 4959
 开门见山地说，本文主要讲述微信小程序在2022年以后获取用户信息的主要方法，如果想要了解2022年之前微信小程序获取用户信息的相关知识或者是微信小程序之前这部分的设计思想的话，推荐博主的下面这篇博客给大家了解一下：微信小程序获取用户信息及手机号授权的流程。接下来就是介绍一下2022年版微信小程序获取用户信息的方法。  首先，要说一下为什么是2022年版流程方法，因为每年微信小程序官方都喜欢在1，2月份发布关于获取用户信息的更新方法，所以大家会发现有些网上提供的方法，获取不到用户信息或者是头像昵称获取不到正
小程序懒加载数据渲染(有下一页一直加载)--加（节流）--详细注释
qq_45967222的博客
08-13 549
由于小程序项目中有懒加载的需求，就网上查阅资料，结合一下完善出来实现效果。 效果展示 Rec 0002 节流封装 放在utils目录下的新建了一个工具类fz.js(命名有点不规范。。 ) fz.js节流封装： /*函数节流*/ function throttle(fn, interval) { var enterTime = 0; //触发的时间 var gapTime = i
Github上收集微信小程序源码
yunxixiao的博客
02-24 4175
git小程序源码开发demo
新版UI界面 影视微信小程序源码 附教程2022版
03-21
2022 新版UI界面 影视微信小程序源码 附教程 环境PHP7.0 — fileinfo–Redis–SG11 MySQL5.5 Apache2.4 添加站点php7.0—-创立ftp—-上传后端文件《后端文件修正，/maccms/wxapi/config/dbs.php–修正当前数据库...
微信小程序 实例汇总 完整项目源代码
11-01
4. **API调用**：微信小程序提供了丰富的API接口，如网络请求、地图、位置、媒体、文件、用户授权等，开发者可以利用这些API实现各种功能。 5. **组件化开发**：小程序支持组件化开发，如view、button、image、...
微信小程序源码大全（130个）
04-21
3. **组件化开发**：微信小程序提供了丰富的内置组件，如view、button、image等，开发者可以基于这些组件构建复杂的用户界面。此外，还可以自定义组件以满足特定需求。 4. **网络请求**：使用wx.request方法进行...
微信小程序期末大作业-手机商城微信小程序
12-15
微信小程序期末大作业-手机商城微信小程序（免积分下载） 含底部导航，轮播图等等，小程序运行截图请看我的文章介绍：https://blog.csdn.net/weixin_43474701/article/details/135025795
Redis 入门 - 五大基础类型及其指令学习
IT规划师
09-11 774
学习Redis基础类型：字符串、集合、有序集合、列表、哈希，每种类型有各自的特点和常用指令。掌握这些基础是熟练使用Redis的关键。更多指令需自行尝试。
qmt量化交易策略小白学习笔记第61期【qmt编程之期权行情数据--get_market_data_ex函数】
fanglue3705的博客
09-09 721
获取期权行情数据 获取期权最新数据，首先需要进行数据订阅。完成合约订阅后，用get_market_data_ex函数即可提取相关信息。这个过程包含两大步骤： 第一，通过订阅操作确保能接收到你感兴趣的期权合约的更新； 第二，调用get_market_data_ex函数来实际获取并处理这些订阅到的数据,如果需要用到历史数据或过期合约数据，需要使用download_history_data进行下载。
计算几何学习
最新发布
网安小白
09-12 366
学习计算几何过程中对经典算法的记录
AdaBoost算法（AdbBoost Algorithm）—有监督学习方法、非概率模型、判别模型、非线性模型、非参数化模型、批量学习
nanxiaotao的博客
09-11 853
AdaBoost算法（AdbBoost Algorithm）—有监督学习方法、非概率模型、判别模型、非线性模型、非参数化模型、批量学习
【学习笔记】SSL证书之前向保密
Taki_UP的博客
09-10 703
本篇介绍了密码学中前向保密（Forward Secrecy）的相关内容
Android Fragment 学习备忘
sdaujz的博客
09-08 417
1.fragment的动态添加与管理：
IIC基本学习
????????????????????????????????????????????????
09-11 231
对IIC通信协议补充了基本的了解，在进行相关的工程实践后再进行补充。
学习threejs，创建立方体，并执行旋转动画
我哎GIS博客
09-09 681
本文基于threejs，实现立方体的创建，并加入立方体旋转动画。
《数字信号处理》学习05-单位冲击响应与系统响应
码到成龚的博客
09-08 1240
一，单位冲激响应二，LTI系统对任意序列的系统响应三，LTI系统的性质​ 在《信号与系统》中，离散时间线性时不变系统用 唯一表征： ：单位冲击响应（或称为单位抽样响应）。输入序列是单位冲击序列，输出序列是初始状态为0时系统的输出。 1，h虽然不是特定单词的缩写，但在信号处理领域的使用已经成为一种约定，代表了系统的单位冲击响应，因此，一般用来代表离散时间LTI系统的单位冲击响应。 2，之所以强调输出序列是在初始状态为0时的系统输出，是因为在“初始状态为0”时输出序列完全基于输入序列和单
微信小程序async/await异步编程实例详解
微信小程序中使用 async/await 的方法实例分析 在微信小程序开发中，处理异步操作是常见的需求，尤其是在处理网络请求、用户授权等场景时。传统的回调方式可能会导致代码结构混乱，可读性较差。async/await 是 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值