在小程序中所有页面的路由所有由框架举行治理。。。
框架以栈的形式维护了目今的所有页面。。。当爆发路由切换的时间,,,,,页面栈的体现如下:
| 路由方式 | 页面栈体现 |
|---|---|
| 初始化 | 新页面入栈 |
| 翻开新页面 | 新页面入栈 |
| 页面重定向 | 目今页面出栈,,,,,新页面入栈 |
| 页面返回 | 页面一直出栈,,,,,直到目的返回页,,,,,新页面入栈 |
| Tab 切换 | 页面所有出栈,,,,,只留下新的 Tab 页面 |
| 重加载 | 页面所有出栈,,,,,只留下新的页面 |
getCurrentPages()函数用于获取目今页面栈的实例,,,,,以数组形式按栈的顺序给出,,,,,第一个元素为首页,,,,,最后一个元素为目今页面。。。
Tip:不要实验修改页面栈,,,,,会导致路由以及页面状态过失。。。
关于路由的触发方式以及页面生命周期函数如下:
| 路由方式 | 触发时机 | 路由前页面 | 路由后页面 |
|---|---|---|---|
| 初始化 | 小程序翻开的第一个页面 | onLoad, onSHow | |
| 翻开新页面 |
挪用 API wx.navigateTo 或使用组件 <navigator open-type="navigateTo"/> |
onHide | onLoad, onShow |
| 页面重定向 |
挪用 API wx.redirectTo 或使用组件 <navigator open-type="redirectTo"/> |
onUnload | onLoad, onShow |
| 页面返回 |
挪用 API wx.navigateBack 或使用组件<navigator open-type="navigateBack">或用户按左上角返回按钮 |
onUnload | onShow |
| Tab 切换 |
挪用 API wx.switchTab 或使用组件 <navigator open-type="switchTab"/> 或用户切换 Tab |
种种情形请参考下表 | |
| 重启动 |
挪用 API wx.reLaunch 或使用组件 <navigator open-type="reLaunch"/> |
onUnload | onLoad, onShow |
Tab 切换对应的生命周期(以 A、B 页面为 Tabbar 页面,,,,,C 是从 A 页面翻开的页面,,,,,D 页面是从 C 页面翻开的页面为例):
| 目今页面 | 路由后页面 | 触发的生命周期(按顺序) |
|---|---|---|
| A | A | Nothing happend |
| A | B | A.onHide(), B.onLoad(), B.onShow() |
| A | B(再次翻开) | A.onHide(), B.onShow() |
| C | A | C.onUnload(), A.onShow() |
| C | B | C.onUnload(), B.onLoad(), B.onShow() |
| D | B | D.onUnload(), C.onUnload(), B.onLoad(), B.onShow() |
| D(从转发进入) | A | D.onUnload(), A.onLoad(), A.onShow() |
| D(从转发进入) | B | D.onUnload(), B.onLoad(), B.onShow() |
Tips:
navigateTo,redirectTo只能翻开非 tabBar 页面。。。switchTab 只能翻开 tabBar 页面。。。reLaunch 可以翻开恣意页面。。。onLoad中获取。。。KESION pp电子软件
KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商,,,,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。KESION 一直通过手艺立异,,,,,提供产品和服务,,,,,助力企业向数字化转型,,,,,通过科技驱动商业刷新,,,,,让商业变得更智慧!
Page Page() 函数用来注册一个页面。。。接受一个 object 参数,,,,,其指定页面的初始数据、生命周期函数、事务处理函数等。。。 object 参数说明: 属性 类型 形貌 data Object 页
文件作用域 在JavaScript文件中声明的变量和函数只在该文件中有用;;;;差别的文件中可以声明相同名字的变量和函数,,,,,不会相互影响。。。 通过全局函数 getApp() 可以获取全局的应用实例,,,,,若是...