首页/新闻资讯/正文详情

微信小程序|案例 3.3 生命周期函数完整学习

发布时间:2026/9/24 4:57:09 来源:云帆数科 栏目:资讯中心
微信小程序|案例 3.3 生命周期函数完整学习
一、什么是生命周期生命周期就是程序/页面从创建、显示、隐藏到销毁整个完整过程在不同阶段框架会自动调用对应的回调函数我们就可以在回调里面写业务代码。分为两大类应用生命周期控制整个小程序写在app.js的App({})里面。页面生命周期控制单个页面写在每个页面的.js文件Page({})里面。二、实验测试步骤将全部代码写入对应文件编译小程序打开开发者工具的Console控制台场景1首次编译启动小程序观察日志场景2点击底部tab在首页和其他页面来回切换场景3模拟器右上角…→模拟操作→Home模拟小程序切后台再切回前台观察每一步控制台打印的日志。三、运行现象与执行顺序第一次打开小程序App.onLaunch→App.onShow→ 首页onLoad→onShow→onReadyonLaunch整个小程序一辈子只跑一次。首次切换Tab首页 → 其他页面首页执行onHide其他页面执行onLoad→onShow→onReady切回首页其他页面 → 首页其他页面执行onHide首页只执行onShow⚠️重点首页已经存在内存中onLoad、onReady不会再次执行重复来回切换Tab只会触发页面的onHide和onShow全程不会触发onUnload。tabBar页面常驻内存切换tab不会销毁页面onUnload不会执行。小程序切后台Home键App触发onHide当前页面触发onHide小程序从后台恢复到前台App触发onShow当前页面触发onShow四、生命周期函数总结表✨应用生命周期 App函数触发时机执行次数onLaunch小程序初始化全局仅1次onShow小程序显示后台切回前台可多次onHide小程序进入后台可多次✨页面生命周期 Page函数触发时机执行次数常用场景onLoad页面加载页面仅1次获取页面参数、页面初始化请求接口onShow页面显示每次可见都执行每次打开页面刷新数据onReady页面初次渲染完成页面仅1次获取页面DOM节点onHide页面被隐藏可多次页面隐藏时暂停定时器onUnload页面销毁卸载销毁时执行清理定时器释放资源六、开发踩坑与心得tab页面切换不会卸载页面所以不要把每次都要刷新的代码写在onLoad要写在onShow。onReady代表页面渲染完成才能获取页面组件。onUnload在tab切换不会执行只有wx.redirectTo、wx.navigateBack页面关闭销毁才会触发。定时器记得在onUnload/onHide清除避免内存泄漏。小结只执行一次onLaunch、onLoad、onReady反复执行onShow、onHidetabBar页面常驻内存切换tab不会触发onUnload。

相关推荐

STM32F407+LAN8720跑EtherCAT主站:SOEM移植全流程与踩坑指南
STM32F407+LAN8720跑EtherCAT主站:SOEM移植全流程与踩坑指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/24 4:56:56

ESP8266供电设计全攻略:LDO/DC-DC选型、去耦与续航优化
ESP8266供电设计全攻略:LDO/DC-DC选型、去耦与续航优化

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/24 4:56:24

AI数据中心供电架构重构:800VDC高压直流的兴起与实践
AI数据中心供电架构重构:800VDC高压直流的兴起与实践

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/24 4:56:18

Jev :Agent 又慢又贵的根因,是决策环节的冗余调用?
Jev :Agent 又慢又贵的根因,是决策环节的冗余调用?

Agent 每走一步都在做判断:这条消息紧急吗、这个工单转给哪个部门、这条命令该直接执行还是先问人。这些题的答案就是个结构化结论——是/否、A 还是 B——模型根本不需要写一段话来推理。 Agent每做一次判断,就得把整段上下文喂给大模型、等它生成一整段… · 2026/9/24 5:30:56

ENSP校园网组网实战:从VLAN规划到静态路由的完整配置指南
ENSP校园网组网实战:从VLAN规划到静态路由的完整配置指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/24 5:30:32

ESP32-C3小彩屏翻页时钟:从硬件选型到动画实现
ESP32-C3小彩屏翻页时钟:从硬件选型到动画实现

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/24 5:30:26

MemOS 参数记忆(Parametric Memory)全解析:Memory³ 架构中的隐式知识载体与 LoRA 能力模块设计
MemOS 参数记忆(Parametric Memory)全解析:Memory³ 架构中的隐式知识载体与 LoRA 能力模块设计

人工智能大模型Agent 记忆AI AgentRAG知识图谱dsh-plugin 【免费下载链接】MemOS Self-evolving memory OS for LLM & AI Agents: ultra-persistent memory, hybrid-retrieval, and cross-task skill reuse, with 35.24% token savings and DeepSeek Harness support. 项目… · 2026/9/24 5:30:20

20MB Rust数据库工具dbx:83种数据库协议原生支持
20MB Rust数据库工具dbx:83种数据库协议原生支持

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/24 5:30:07

226.Fastboot/ADB/EDL/BROM 四大协议机制与适用场景精讲
226.Fastboot/ADB/EDL/BROM 四大协议机制与适用场景精讲

摘要 本文面向具备一定计算机基础的开发者与维修工程师,系统性地阐述安卓手机刷机与维修的底层原理。文章从安卓分区表结构、Bootloader引导流程、Fastboot与Recovery协议等核心机制出发,结合高通与联发科两大平台的实战案例,提供完整的ADB/Fastboot脚本与Python自动化工具… · 2026/9/24 5:29:55

基于YOLOv8的渔船作业监控系统:从环境搭建到边缘部署全流程
基于YOLOv8的渔船作业监控系统:从环境搭建到边缘部署全流程

简介:这是一套面向计算机、人工智能、自动化等专业学生与教师的毕业设计级项目资源,围绕YOLOv8实现渔船作业监控系统,可用于毕设、课程设计、大作业或项目立项演示。压缩包共97个文件,约24.21MB,以70个Python源码文件为… · 2026/9/24 0:00:13

1D-CNN时间序列建模实战:从Conv1d原理到工业落地
1D-CNN时间序列建模实战:从Conv1d原理到工业落地

简介:面向时间序列数据建模的一维卷积神经网络完整实现,适合深度学习入门者及需要快速验证时序模型的研究者,能够从音频、文本、传感器或股价等序列中挖掘局部特征与时间依赖。压缩包体积很小,只有3KB,内含3个Python脚… · 2026/9/24 0:00:26

柔软的L:汉语语流中被忽视的舌肌张力控制
柔软的L:汉语语流中被忽视的舌肌张力控制

1. 这个“L”不是字母表里的L,而是舌尖上的L最近在几个方言群和语音教学社群里,反复看到有人发一句:“也说字母L:柔软的长舌”。初看以为是英语发音课笔记,点开才发现全是方言爱好者、播音系学生、语言康复师甚至戏曲演… · 2026/9/24 0:00:44

了解更多?预约专属演示

我们的顾问将为您一对一讲解产品与方案

企业微信二维码