网站首页 > 知识剖析 正文
6.3 路由API
6.3.3 页面切换时的生命周期
小程序的每个页面都有很多生命周期函数:
onLoad函数用于监听页面加载
onShow用于监听页面显示
onReady用于监听页面初次渲染完成
onHide用于监听页面隐藏
onUnload用于监听页面卸载
当小程序发生页面切换时,跳转前后的两页面都有一些生命周期函数会被调用。具体情况(不包含tabBar)如下:
路由方式 | 路由前页面 | 路由后页面 |
打开小程序 | onLoad,onShow | |
打开新页面 | onHide | onLoad,onShow |
页面返回 | onUnload | onShow |
页面重定向 | onUnload | onLoad,onShow |
重定向 | onUnload | onLoad,onShow |
当使用wx.switchTab接口切换tabBar页面时,情况很复杂。假设A、B页面为tabBar页面,C是从A页面打开的页面,D是从C打开的页面,E是用户通过转发卡片进入的页面(此时页面栈中只有一个E页面)。tabBar页面切换的各种情况的生命周期函数调用如下表所示:
当前页面 | 路由后页面 | 触发的生命周期情况(按顺序) |
A | A | |
A | B | A.onHide,B.onLoad,B.onShow |
A | B(再次打开) | A.onHide,B.onShow |
C | A | C.unLoad,A.onShow |
C | B | C.unLoad,B.onLoad,B.onShow |
D | B | D.unLoad,C.unLoad,B.onLoad,B.onShow |
E | A | E.unLoad,A.onLoad,A.onShow |
- 上一篇: 微信小程序第二天学习内容分享(微信小程序学多久)
- 下一篇: 微信小程序学习笔记(二)——开发之框架
猜你喜欢
- 2024-11-17 Android对so体积优化的探索与实践
- 2024-11-17 JavaScript对象(javascript对象主要包括)
- 2024-11-17 前端埋点统计方案思考(前端数据埋点)
- 2024-11-17 第27节 函数、作用域及垃圾回收-Javascript-零点程序员-王唯
- 2024-11-17 微信小程序学习笔记:Page()(小程序 page)
- 2024-11-17 广州蓝景分享—搞懂js事件、事件流(捕获冒泡)、事件委托
- 2024-11-17 程序员都必掌握的前端教程之JavaScript基础教程(下)
- 2024-11-17 DOM核心内容(dom的核心部分包括)
- 2024-11-17 小程序生命周期解析(从概念、启动、运行、销毁场景的全面解析)
- 2024-11-17 微信小程序学习笔记(二)——开发之框架
- 04-29php开发者composer使用看这一篇就够了
- 04-29引用和变量声明在不同语言中的实作
- 04-29PHP 没你想的那么差
- 04-29Ubuntu linux 上的 Nginx 和 Php 安装
- 04-29CentOS下通过yum搭建lnmp(单版本PHP)
- 04-29为什么 PHP8 是个高性能版本
- 04-29PHP8函数包含文件-PHP8知识详解
- 04-29使用无参数函数进行命令执行
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)