34、导航传参
(1)声明式导航传参
1)Navigator组件的url属性用来指定将要跳转到页面的路径,同时,可以携带参数
2)携带参数的要求
①参数与路径之间用?分隔
②参数键与参数值之间用=相连
③不同参数用&分隔
![](https://i-blog.csdnimg.cn/direct/e1377899fde645d2a69fde0d75e32c40.png)
![](https://i-blog.csdnimg.cn/direct/8fea38ff00f845178c315c3f3f33f12a.png)
(2)编程式导航传参
1)通过wx.navigateTo(Object object)方法跳转页面时,也可以携带参数
![](https://i-blog.csdnimg.cn/direct/ca4af294043b437597825b9f58af2b1a.png)
![](https://i-blog.csdnimg.cn/direct/f5f3025f07a543d98eadd2ac67b0e4a9.png)
(3)在onLoad中接收导航参数
1)通过声明式导航或编程式导航所携带的参数,可以直接在onLoad时间中直接获取
![](https://i-blog.csdnimg.cn/direct/869c6f332b5147c2b9797fae512c4962.png)
![](https://i-blog.csdnimg.cn/direct/f846ee2a13aa4f80bf2c9cecbeaba8b8.png)
35、下拉刷新(移动端的专有名词)
(1)概念:通过手机在屏幕上的下滑动操作,重新加载页面数据的行为
(2)下拉刷新的方式
1)全局开启
在app.json的window中,将enablePullDownRefresh设置为true
![](https://i-blog.csdnimg.cn/direct/4996be1bb2f7426f9d19a420834386ea.png)
2)局部开启(推荐这个)
在页面json文件中,将enablePullDownRefresh设置为true
![](https://i-blog.csdnimg.cn/direct/bf7d5b37bbde4c13a6f4f1c3c0003920.png)
(3)配置下拉刷新窗口的样式
1)backgroundColor:用来配置下拉刷新窗口的背景颜色,仅支持16进制
![](https://i-blog.csdnimg.cn/direct/af1c9ab0d07f4ae9b18388e4e0d03c1c.png)
2)backgroundTextStyle:用来配置下拉刷新Loading样式,仅支持dark/light
![](https://i-blog.csdnimg.cn/direct/ae06a2a76a924fe3853996cb76d1096c.png)
(4)监听页面的下拉刷新事件
1)在页面的.js文件中,通过onPullDownRefresh()函数进行监听
![](https://i-blog.csdnimg.cn/direct/4d00a1dbe63f491c89b3a572c95be46b.png)
(5)停止下拉刷新效果(真机测试,会用到)
当处理完下拉刷新后,下拉刷新的loading效果会一直显示,不会主动消失,所以需要手动隐藏loading效果。此时,通过调用wx.stopPullDownRefresh()可以停止当前页面的下拉刷新
![](https://i-blog.csdnimg.cn/direct/03f8cc2081534b63a8aee6ddf748a40d.png)
36、上拉触底(移动端的专有名词)
(1)概念:通过手指在屏幕上的上拉动作,从而加载更多数据的行为
(2)监听页面的上拉触底事件:在页面的js文件中,通过onReachBottom()函数即可监听当前页面的上拉触底事件。
![](https://i-blog.csdnimg.cn/direct/e8786b50a1bb44ddb1533bb570b310d0.png)
(3)配置上拉触底距离
可以在全局或页面的json文件的onReachBottomDistance中配置,默认50px
![](https://i-blog.csdnimg.cn/direct/27fa3691fd824e7f84d161e8d332c4be.png)
37、自定义编译模式
(1)作用:每次刷新后,跳转到指定页面,而非首页,提高编译效率
(2)步骤:
(以该页面为例)
![](https://i-blog.csdnimg.cn/direct/fd8edbc861744bb4b91fd5f72caa9c41.png)
1)添加
![](https://i-blog.csdnimg.cn/direct/8c5ab78765754f30905e12599bc6aef2.png)
![](https://i-blog.csdnimg.cn/direct/98c3b49dc84f47c8b36427070b8b6a8d.png)
![](https://i-blog.csdnimg.cn/direct/bb7611a6973a4d2690b0bb95d2f50852.png)
2)删除
![](https://i-blog.csdnimg.cn/direct/e195c55c64a143398f9f9f87ff24477b.png)
![](https://i-blog.csdnimg.cn/direct/7245d613b84642e7968c1d1667a43bba.png)
38、生命周期
(1)概念:指一个对象从创建、运行到销毁的整个阶段,强调的是一个时间段。
比如:小程序的启动,表示生命周期的开始;小程序的关闭表示生命周期的结束;中间小程序的运行过程,表示小程序的生命周期
(2)分类
1)应用生命周期(特指小程序从启动到运行再到销毁的过程)
2)页面生命周期(特指在小程序中,每个页面的加载到渲染再到销毁的过程)
注:页面生命周期的范围较小,应用生命周期的范围较大
(3)生命周期函数
1)概念:是由小程序框架提供的内置函数,会伴随着生命周期,自动按次序执行
2)作用:允许程序员在特定的时间点,执行某些特定的操作。比如,在onload函数发送请求
3)注:生命周期强调的是时间段,生命周期函数强调的是时间点
4)分类:
①应用的生命周期函数(特指特指小程序从启动到运行再到销毁依次调用的那些函数)(在app.js中声明)
![](https://i-blog.csdnimg.cn/direct/e3474b3eb19441bcb9ceac219a8d0e43.png)
![](https://i-blog.csdnimg.cn/direct/d86ebb686ac642f9ac89c9efc0e9ee6a.png)
![](https://i-blog.csdnimg.cn/direct/dc4b3463fd7e4826b3454b04643b0583.png)
②页面的生命周期函数(特指在小程序中,每个页面的加载到渲染再到销毁依次调用的那些函数)
![](https://i-blog.csdnimg.cn/direct/173397fd17ad416a82dd6f95272e6f93.png)
![](https://i-blog.csdnimg.cn/direct/cc5d301b99b541b584241bd03a3c04d5.png)
![](https://i-blog.csdnimg.cn/direct/d1bf3b90b93b476aaf24c5aea821636b.png)
![](https://i-blog.csdnimg.cn/direct/498808da837547dfaf0f6c29964f1398.png)
![](https://i-blog.csdnimg.cn/direct/ffae3f92b3f84b419e265dc396464f6c.png)