小程序学习day08-导航传参、下拉刷新(移动端的专有名词)、上拉触底(移动端的专有名词)、自定义编译模式、生命周期

34、导航传参

(1)声明式导航传参

1)Navigator组件的url属性用来指定将要跳转到页面的路径,同时,可以携带参数
2)携带参数的要求
①参数与路径之间用?分隔
②参数键与参数值之间用=相连
③不同参数用&分隔

(2)编程式导航传参

1)通过wx.navigateTo(Object object)方法跳转页面时,也可以携带参数

(3)在onLoad中接收导航参数

1)通过声明式导航或编程式导航所携带的参数,可以直接在onLoad时间中直接获取

35、下拉刷新(移动端的专有名词)

(1)概念:通过手机在屏幕上的下滑动操作,重新加载页面数据的行为

(2)下拉刷新的方式

1)全局开启
在app.json的window中,将enablePullDownRefresh设置为true
2)局部开启(推荐这个)
在页面json文件中,将enablePullDownRefresh设置为true

(3)配置下拉刷新窗口的样式

1)backgroundColor:用来配置下拉刷新窗口的背景颜色,仅支持16进制
2)backgroundTextStyle:用来配置下拉刷新Loading样式,仅支持dark/light

(4)监听页面的下拉刷新事件

1)在页面的.js文件中,通过onPullDownRefresh()函数进行监听

(5)停止下拉刷新效果(真机测试,会用到)

当处理完下拉刷新后,下拉刷新的loading效果会一直显示,不会主动消失,所以需要手动隐藏loading效果。此时,通过调用wx.stopPullDownRefresh()可以停止当前页面的下拉刷新

36、上拉触底(移动端的专有名词)

(1)概念:通过手指在屏幕上的上拉动作,从而加载更多数据的行为

(2)监听页面的上拉触底事件:在页面的js文件中,通过onReachBottom()函数即可监听当前页面的上拉触底事件。

(3)配置上拉触底距离

可以在全局或页面的json文件的onReachBottomDistance中配置,默认50px

37、自定义编译模式

(1)作用:每次刷新后,跳转到指定页面,而非首页,提高编译效率

(2)步骤:

(以该页面为例)

1)添加
2)删除

38、生命周期

(1)概念:指一个对象从创建、运行到销毁的整个阶段,强调的是一个时间段。

比如:小程序的启动,表示生命周期的开始;小程序的关闭表示生命周期的结束;中间小程序的运行过程,表示小程序的生命周期

(2)分类

1)应用生命周期(特指小程序从启动到运行再到销毁的过程)
2)页面生命周期(特指在小程序中,每个页面的加载到渲染再到销毁的过程)

注:页面生命周期的范围较小,应用生命周期的范围较大

(3)生命周期函数

1)概念:是由小程序框架提供的内置函数,会伴随着生命周期,自动按次序执行
2)作用:允许程序员在特定的时间点,执行某些特定的操作。比如,在onload函数发送请求
3)注:生命周期强调的是时间段,生命周期函数强调的是时间点
4)分类:
①应用的生命周期函数(特指特指小程序从启动到运行再到销毁依次调用的那些函数)(在app.js中声明)
②页面的生命周期函数(特指在小程序中,每个页面的加载到渲染再到销毁依次调用的那些函数)
相关推荐
码云之上16 分钟前
Skill 里的脚本终于能跑了,星悟接 CubeSandbox 的纪实
前端·人工智能·前端框架
ι:17 分钟前
单相桥式全控整流仿真从零复现教学
windows·学习·matlab·simulink
IT_陈寒24 分钟前
Vue computed属性这个坑,我居然踩了三次才爬出来
前端·人工智能·后端
烈风逍遥42 分钟前
第三篇:组件化实践,SpTable 通用表格组件设计
前端·架构
计算机魔术师1 小时前
三周时间,128个PR,83万行代码——GitHub 是怎么让 AI 重写自己的
前端
传奇开心果编程1 小时前
【Rust入门练中学】 第3课:数据类型
开发语言·学习·rust
humors2211 小时前
今年我正在看、看完和还没看的书单(不定期更新)
学习·阅读·读书·书单·书籍
泡泡鱼(敲代码中)1 小时前
MySQL 学习笔记:DCL、函数与约束 —— 安全、效率、完整性的三板斧
开发语言·笔记·sql·学习·mysql·gitee
甲维斯2 小时前
完蛋了,豆包变这么强?Seed2.1pro小测一下!
前端·人工智能