小程序学习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中声明)
②页面的生命周期函数(特指在小程序中,每个页面的加载到渲染再到销毁依次调用的那些函数)
相关推荐
花花鱼2 分钟前
vue3 基于element-plus进行的一个可拖动改变导航与内容区域大小的简单方法
前端·javascript·elementui
k09335 分钟前
sourceTree回滚版本到某次提交
开发语言·前端·javascript
EricWang135826 分钟前
[OS] 项目三-2-proc.c: exit(int status)
服务器·c语言·前端
September_ning27 分钟前
React.lazy() 懒加载
前端·react.js·前端框架
Mephisto.java32 分钟前
【大数据学习 | kafka高级部分】kafka中的选举机制
大数据·学习·kafka
web行路人36 分钟前
React中类组件和函数组件的理解和区别
前端·javascript·react.js·前端框架
超雄代码狂1 小时前
ajax关于axios库的运用小案例
前端·javascript·ajax
南宫生1 小时前
贪心算法习题其三【力扣】【算法学习day.20】
java·数据结构·学习·算法·leetcode·贪心算法
长弓三石1 小时前
鸿蒙网络编程系列44-仓颉版HttpRequest上传文件示例
前端·网络·华为·harmonyos·鸿蒙
小马哥编程1 小时前
【前端基础】CSS基础
前端·css