小程序生命周期---onHide()和onUnload()区别

最新推荐文章于 2025-06-05 17:27:49 发布
转载 最新推荐文章于 2025-06-05 17:27:49 发布 · 3.8k 阅读 · 6

本文详细解析了小程序中onHide()和onUnload()两个生命周期函数的触发场景。onHide()在导航或子页面切换时触发，而onUnload()则在从子页面返回时触发，帮助开发者更好地理解小程序页面状态变化。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

小程序onHide()和onUnload()

onHide()触发的场景：

导航页1---->导航页2，会触发导航页1 onHide（）

导航页----->子页面，会触发导航页 onHide（）

子页面1----->子页面2，会触发子页面1 onHide（）

onUnload()触发的场景：

从子页面2返回到子页面1，会触发子页面2的onUnload()

从子页面返回到导航页，会触发子页面的onUnload()

注意：

导航页之间的切换不会触发onUnload()
页面2返回到（页面1或者导航页）时，页面2只会触发onUnload(),并不会触发onHide()

微信小程序的生命周期
weixin_34417635的博客
08-27 1685
通俗的讲，生命周期就是指一个对象的生老病死。 从软件的角度来看，生命周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。下面从一下三个方面介绍微信小程序的生命周期： 应用生命周期 页面生命周期 应用生命周期影响页面生命周期 应用生命周期 1、用户首次打开小程序，触发 onLaunch（全局只触发一次）。2、小程序初始化完成后，触...
微信小程序1--生命周期总结
qq_53218378的博客
10-08 345
首次进入小程序会先触发App生命周期中onLaunch方法和onShow方法，其次触发Page生命周期中onLoad、onShow和onReady方法。前台切换到后台时，先触发Page生命周期中onHide方法，再触发App生命周期的onHide方法。后台切换到前台时，先触发App生命周期中onShow方法，再触发Page生命周期的onShow方法。App中onLaunch可以做一些获取获取手机系统信息的内容（例如wx.getSystemInfo等方法）
小程序 onhide 和 onunload区别
yuange
02-04 1746
onhide ：隐藏 进入其他页面，当前页面会缓存，不会卸载，触发onhide onunload ：卸载 从某个子页面，点击返回，会直接卸载掉当前页面
小程序退出自动保存数据方案
最新发布
weixin_69119660的博客
06-05 304
微信小程序退出保存数据方案：通过App.vue生命周期函数onHide和wx.onAppHide监听小程序进入后台事件，使用wx.setStorageSync同步保存用户数据（积分、金币、进度等）到本地存储。数据初始化时通过loadData方法恢复。注意：系统强制关闭时无法保存，重要数据应实时保存，本地存储限制10MB且会被用户清除。核心代码包括数据保存和加载方法，以及全局数据定义。
小程序中的生命周期onHide和onUnload
热门推荐
hhf235678的博客
12-08 5万+
onHide：监听页面的隐藏 当从当前A页跳转到其他页面，那么A页面处于隐藏状态。 onUnload：监听页面的卸载 当前处于A页面，点击返回按钮时，则将是A页面卸载、 利用这两个生命周期可以解决的问题： 防止用户快速切换页面（A->B）。导致动态设置导航栏中的文字显示出现错误 快速切换页面可能导致A页面中的数据还未返回，致使当切换到B页面的时候A数据才返回，使得导航栏显示的文字为A页面的导航栏标
深入理解 uni-app 页面生命周期（三）：onHide vs onUnload
tutututu12345678的博客
01-29 3537
通过onHide和onUnload这两个生命周期函数，我们可以在页面隐藏和卸载时执行必要的操作，以提高应用的性能和资源利用率。根据具体业务需求，合理使用这两个生命周期函数，可以更好地管理页面的生命周期。
微信小程序初学
R_RA222的博客
07-09 126
onLoad：页面第一次加载时触发，从跳转页面返回时不能触发，可以传递参数 onShow：页面显示或从后台跳回小程序时显示此页面时触发，从跳转页面返回时触发，不能传递参数 onHide：页面隐藏，例如使用 wx.navigateTo 只是打开新页面 并不关闭原页面 onUnload：页面被卸载，例如使用 wx.redirectTo 重定向一个页面 原页面已经关闭 当初始化或打开一个新页面时 先执行onLoad，然后执行onShow 但是对于Tab页面，又是不一样的 从A第一次请求到B 是onHide
微信小程序 ---- 组件应用和实际开发的DEMO
01-09
2. **页面结构与生命周期**：微信小程序的每个页面都是由多个组件构成，页面有自己的生命周期，包括加载、显示、隐藏和卸载等阶段。开发者需要理解每个阶段的方法调用，如onLoad、onShow、onHide、onUnload等，以便...
微信小程序生命周期（onLoad，onHide，onShow，onReady，onUnload）
weixin_42371145的博客
01-08 1万+
周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。下面从一下三个方面介绍微信小程序的生命周期： 应用生命周期 页面生命周期 应用生命周期影响页面生命周期 应用生命周期 image 1、用户首次打开小程序，触发 onLaunch（全局只触发一次）。 2、小程序初始化完成后，触发onShow方法，监听小程序显示。 3、小程序从前台进入后台，触发 onHide方法。 4、小程序从后台进入前台显示，触发 onShow方法。 5、小程序后台运行一定时间，或系统资源占用过高，会被销毁。 前台、后台定义： 当用户
VUE(uni-app框架)开发微信小程序⑩-生命周期
qq_39075676的博客
10-19 1330
中监听，在页面监听无效，这个文件的作用包括：调用应用生命周期函数、配置全局样式、配置全局的存储globalData。组件支持的生命周期，与vue标准组件的生命周期相同。
微信小程序-生命周期
iOS_HC的博客
02-07 898
2、启动时异步更新：在启动前没有发现更新，小程序每次冷启动时，都会异步检查是否有更新版本。在启动时异步更新情况下，如果开发者希望可以立即版本更新，可以使用 wx.getUpdateManager API 进行处理，在有新版本时提示用户重启小程序更新版本。如果有更新，下次小程序启动时会同步进行更新，更新到最新版本后再打开小程序。在访问小程序时，微信会将小程序的代码包缓存到本地，在开发者发布了新的小程序版本后，微信客户端会检查本地缓存的小程序有没有新版本，并进行小程序代码包的更新。
小程序生命周期(onLaunch、onShow、onHide、onReady、onLoad、onUnloa)
叶落无痕的博客
01-08 4257
（4）onReady: 首次显示页面，页面初次渲染完成，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。小程序注册完成后，加载页面，触发onLoad方法。一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数（页面js）。每次打开页面都会调用一次（比如当小程序有后台进入到前台运行或重新进入页面时）。（1）onlaunch：当小程序初始化完成时，会触发 onLaunch（全局只触发一次）（app.js）；
深入解析 Vue 3 中的 onShow 和 onHide 生命周期
2301_79858914的博客
11-20 3956
onShow以下代码展示了如何在 Vue 3 中结合语法糖使用onShow和onHide// 模拟数据// 页面显示时重新获取数据console.log('页面显示时重新获取数据')// 页面隐藏时保存数据或清理console.log('页面隐藏时保存数据')// 假设保存到本地// Vue 3 生命周期绑定console.log('onShow 生命周期触发')})console.log('onHide 生命周期触发')saveData()})// 页面加载和销毁。
小程序onHide()和onUnload()
odelia的博客
07-19 1209
onHide()触发的场景： 　　导航页1---->导航页2，会触发导航页1 onHide（） 　　导航页----->子页面，会触发导航页 onHide（） 　　子页面1----->子页面2，会触发子页面1 onHide（） onUnload()触发的场景： 　　从子页面2返回到子页面1，会触发子页面2的onUnload() 　　从子页面返回到导航页，会触发子页...
uniapp通过onHide监听小程序页面隐藏，以及获取页面栈的方式，实现点击小程序右上角按钮退出，再次进入小程序时，直接进入首页
m0_47791238的博客
05-12 5886
当从链接跳转小程序指定页面时，从指定页面的右上角按钮返回，再次进入小程序，直接进入小程序首页；uniapp通过onHide（）监听小程序页面隐藏，以及获取页面栈的方式，实现点击小程序右上角按钮退出，再次进入小程序时，直接进入首页
微信小程序 返回上一页不触发onHide()
mossbaoo的博客
11-10 1万+
关于微信小程序返回上一页不触发 onHide() 的问题。   onHide是页面隐藏，onUnload是页面销毁。   使用 onUnload() 就行！   【推荐文章】一图一表一段文字读懂微信小程序的生命周期...
uniapp onHide()和onUnload()的使用
一位00后记录自己的前端成长路上遇到的坑 ~
06-28 1万+
　　导航页1---->导航页2，会触发导航页1 onHide（）　　导航页----->子页面，会触发导航页 onHide（）　　子页面1----->子页面2，会触发子页面1 onHide（）　　从子页面2返回到子页面1，会触发子页面2的onUnload()　　从子页面返回到导航页，会触发子页面的onUnload()注：导航页之间的切换不会触发onUnload() 页面2返回到（页面1或者导航页）时，页面2只会触发onUnload(),并不会触发onHide()...
页面生命周期onLoad,onReady,onShow和onHide,onUnload和onPageScroll在vue3中组合应用
p23gjj的博客
09-04 2143
生命周期onLoad函数作用可以进行传参。
微信小程序的生命周期实例演示 —— 微信小程序教程系列
m0_61418142的博客
03-22 783
如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。最后针对Android程序员，我这边给大家整理了一些资料，包括不限于高级UI、性能优化、移动架构师、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！
小程序应用生命周期函数onHide
03-19
<think>好的，我现在需要回答用户关于微信小程序生命周期函数onHide的使用说明、文档和示例的问题。首先，我应该回顾一下用户提供的引用内容，看看里面有没有相关的信息。 根据引用[2]和[3]，提到了小程序的生命周期函数，比如onShow是在小程序显示时触发，而onHide应该是与之对应的，当小程序进入后台时触发。用户可能想知道onHide的具体用途、触发时机以及如何编写代码示例。 我需要确认onHide属于应用生命周期还是页面生命周期。根据引用[3]，生命周期分为应用级别和页面级别。应用级别的全局生命周期可能包括onLaunch、onShow、onHide等，而页面级别的可能有onLoad、onShow、onHide等。但需要进一步确认。 根据微信官方文档，应用生命周期的onHide是在小程序从前台进入后台时触发，比如用户点击右上角关闭或者切换到其他应用。而页面生命周期的onHide则是在页面被隐藏时触发，比如跳转到其他页面或小程序进入后台。 用户的问题是关于应用生命周期函数onHide，所以需要明确区分应用级和页面级。引用[3]提到全局生命周期，可能包括onHide，但可能需要具体说明。 接下来需要整理onHide的使用场景：比如数据保存、状态记录、暂停定时器等。然后提供一个代码示例，比如在app.js中定义onHide函数，保存数据到本地存储。 同时，用户可能需要知道onHide和onUnload的区别，例如onUnload是页面卸载时触发，而onHide是进入后台时触发。但如果是应用级别的onHide，则是整个小程序进入后台时触发。 需要确保引用的信息准确，并根据官方文档进行补充。同时，生成相关问题，比如onHide的触发时机、与页面onHide的区别、常见使用场景等。 最后，检查回答结构是否清晰，是否包含文档说明、使用场景、代码示例以及注意事项，并正确引用提供的参考文献。</think>### 小程序应用生命周期函数 `onHide` 使用说明 #### 1. **定义与作用** `onHide` 是微信小程序的**全局应用生命周期函数**之一，当小程序从前台切换到后台时触发。例如： - 用户点击右上角“关闭”按钮； - 切换到手机桌面或其他应用； - 屏幕锁屏。 在此阶段，开发者可以执行资源释放、数据保存或暂停动画等操作[^3]。 --- #### 2. **文档说明** 根据微信官方文档： - **触发时机**：小程序从前台进入后台时自动调用。 - **执行位置**：需在 `app.js` 中定义。 - **注意事项**： - 不可在 `onHide` 中执行同步耗时操作（如大量数据存储），可能导致后台切换卡顿。 - 若需恢复数据，可在 `onShow` 生命周期函数中处理[^2][^3]。 --- #### 3. **代码示例** 在 `app.js` 中实现 `onHide`： ```javascript // app.js App({ onLaunch(options) { console.log('小程序初始化完成'); }, onShow(options) { console.log('小程序进入前台'); }, onHide() { console.log('小程序进入后台'); // 示例：保存当前状态到本地缓存 wx.setStorageSync('lastActiveTime', new Date().getTime()); // 暂停音乐播放或动画 this.globalData.audioPlayer.pause(); }, globalData: { audioPlayer: getAppAudioInstance() } }); ``` --- #### 4. **典型使用场景** - **数据持久化**：保存未提交的表单数据或用户操作记录。 - **资源释放**：暂停音乐播放、停止计时器或动画。 - **状态记录**：记录小程序进入后台的时间，用于后续统计分析。 --- #### 5. **与页面生命周期 `onHide` 的区别** - **应用级 `onHide`**：整个小程序进入后台时触发（定义在 `app.js`）。 - **页面级 `onHide`**：仅当页面跳转（如 `navigateTo`）或小程序切后台时触发（定义在页面 `.js` 文件中）。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值