小程序生命周期及页面操作执行过程详解

1、应用的生命周期执行过程:

2、页面生命周期执行过程:

页面的操作分为五类:

3、打开程序:(APP)onLaunch->(APP)onShow->(Page)onLoad->(Page)onShow->onReady。

打开新程序,进行注册,注册后显示小程序;当小程序显示之后,加载页面(onLoad),页面加载后,显示出来,触发onShow;页面显示出来之后,进行初次渲染(onReady)。

注意:

如果再次进入小程序,小程序未销毁,则直接从(APP)onShow开始执行。如果关闭了,则用onLaunch开始。

注意事项:

onShow方法执行了两次,第一次是显示小程序,第二次是显示页面。正常情况下,onLoad在onShow之前执行。除了打开小程序时,onShow(APP)在onLoad(Page)之前执行。

4、进入下一个页面执行过程:(CurrentPage)onHide->(Next)Load->(Next)->(Next)onShow->(Next)onReady

隐藏当前页面,然后加载下一页面,接下来显示下一页面,然后对下一页面进行渲染。

注意:

跳转到其它页面,当前页面只是进入后台,并未卸载(关闭)。

当关闭当前页面,进入到下一页面时,不会调用onHide,而是调用onUnload,从卸载页面开始。

5、返回上一页面执行过程:(currentPage)onUnload->(LastPage)onShow。

卸载(关闭)当前页面,显示上一个页面。

注意:

上一个页面是在后台运行,并未关闭。如果关闭了,这个返回不过来了。

相关推荐
一几文3 小时前
2026年上半年软考高级-系统架构设计师考试真题回顾与解析-综合知识选择题6
小程序·架构·系统架构·软考高级·软考·it证书
zhangminghuan6 小时前
微信小程序开发核心知识点全景解析(前端必备硬核基础)
前端·微信小程序·小程序
游戏开发爱好者87 小时前
开心上架是什么,一站式 Apple 开发者工作台总览
android·小程序·https·uni-app·iphone·webview
sltin8 小时前
需求到落地:我如何在微信小程序里实现证件照换底、隐私打码与水印相机
数码相机·微信小程序·小程序
软件聚导航11 小时前
软件聚导航-前端工程师的“小家庭”,工具与生活并存
人工智能·小程序·学习方法·图片压缩
咸虾米_1 天前
小程序流量主哪种广告最赚钱?各类广告收益与实操建议
微信小程序·小程序·小程序开发·流量主广告
show4331 天前
2026小程序端AI配音技术实现:TTS多音色引擎集成与MP3生成性能优化
人工智能·性能优化·小程序
00后程序员张1 天前
Windows / Linux / Mac 上不用 Xcode 把 IPA 上传到 App Store,upload 命令详解
android·ios·小程序·https·uni-app·iphone·webview
梓彤科技2 天前
样式已经更新,用户仍看到旧页面?武汉网站建设中的缓存版本控制
搜索引擎·小程序·seo·网站开发·geo
mashirro2 天前
记一次基于ruoyi-vue新增小程序服务模块,小程序登陆相关
vue.js·小程序·mybatis