小程序页面导航

一:页面导航
页面之间的跳转.
1.1两种导航方式

两种导航方式.png

1.2声明式导航
1.2.1跳转到tabBar页面

tabBar页面.png
1.2.2跳转到非tabBar页面
非tabBar页面.png
1.2.3后退导航
后退导航.png

1.4导航传参

导航传参.png

1.3编程式导航
1.3.1导航到tabBar页面

导航到tabBar页面.png 导航到tabBar页面.png

1.3.2导航到非tabbar页面

导航到非tabbar页面.png
导航到非tabbar页面.png

1.3.3后退导航

后退导航.png
后退导航.png
1.3.4导航传参
导航传参.png

1.4导航传参接收

导航传参接收.png
二:页面事件
2.1开启下拉刷新
开启下拉刷新的两种方式.png
设置下拉刷新样式.png
2.2监听下拉刷新事件
监听下拉刷新事件.png
2.3停止下拉刷新效果
当处理完下拉刷新后,下拉刷新的loading会显示一直显示,因此需要我们进行手动关闭,调用wx.stopPullDownRefresh()进行关闭
image.png
2.4上拉触底事件
监听上拉触底事件.png
配置上拉触底距离:
配置上拉触底距离.png
三:生命周期
3.1生命周期分类
生命周期分类.png
3.2生命周期函数
生命周期函数.png
3.3应用的声明后期
应用的生命周期.png
3.4页面的生命周期
页面的生命周期.png
四:wxs
什么是wxs.png
wxs的作用.png
4.1wxs与javascript关系
wxs与javascript关系.png
4.2wxs的用法
wxs的用法.png
4.3定义及使用外联wxs
定义外联的wxs.png 使用外联的wxs.png