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

最新推荐文章于 2024-11-20 10:33:05 发布
转载 最新推荐文章于 2024-11-20 10:33:05 发布 · 3.9k 阅读 · 6

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

小程序onHide()和onUnload()

onHide()触发的场景：

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

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

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

onUnload()触发的场景：

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

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

注意：

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

vue-小程序-生命周期-路由守卫-项目优化
JackieDYH的博客
08-18 3136
知识点 new Vue({ el:'#app', //设置挂载点 类似于querySelector data:{}, //初始数据 menthods:{}, //自定义函数 watch:{}, //监听 computed:{}, //计算属性 filters:{}, //过滤器 components:{}, //自定义组件 beforeCreate(...
微信小程序的生命周期实例演示 —— 微信小程序教程系列
m0_61418142的博客
03-22 794
如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。最后针对Android程序员，我这边给大家整理了一些资料，包括不限于高级UI、性能优化、移动架构师、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！
微信小程序的生命周期实例演示 —— 微信小程序教程系列（2）
xcbyaya的博客
04-06 987
示例：演示App的生命周期函数app.js：App({console.log(“App生命周期函数——onLaunch函数”);},console.log(“App生命周期函数——onShow函数”);},console.log(“App生命周期函数——onHide函数”);},console.log(“App生命周期函数——onError函数”);})运行：（1）程序启动时，会触发以下2个函数。
小程序和页面生命周期详解
精通前端技术，了解后端接口
03-02 1506
页面的生命周期与小程序的生命周期类似，但更侧重于描述页面内部的行为和状态。
小程序 onhide 和 onunload区别
yuange
02-04 1786
onhide ：隐藏 进入其他页面，当前页面会缓存，不会卸载，触发onhide onunload ：卸载 从某个子页面，点击返回，会直接卸载掉当前页面
小程序中的生命周期onHide和onUnload
热门推荐
hhf235678的博客
12-08 5万+
onHide：监听页面的隐藏 当从当前A页跳转到其他页面，那么A页面处于隐藏状态。 onUnload：监听页面的卸载 当前处于A页面，点击返回按钮时，则将是A页面卸载、 利用这两个生命周期可以解决的问题： 防止用户快速切换页面（A->B）。导致动态设置导航栏中的文字显示出现错误 快速切换页面可能导致A页面中的数据还未返回，致使当切换到B页面的时候A数据才返回，使得导航栏显示的文字为A页面的导航栏标
微信小程序1--生命周期总结
qq_53218378的博客
10-08 388
首次进入小程序会先触发App生命周期中onLaunch方法和onShow方法，其次触发Page生命周期中onLoad、onShow和onReady方法。前台切换到后台时，先触发Page生命周期中onHide方法，再触发App生命周期的onHide方法。后台切换到前台时，先触发App生命周期中onShow方法，再触发Page生命周期的onShow方法。App中onLaunch可以做一些获取获取手机系统信息的内容（例如wx.getSystemInfo等方法）
微信小程序 ---- 组件应用和实际开发的DEMO
01-09
2. **页面结构与生命周期**：微信小程序的每个页面都是由多个组件构成，页面有自己的生命周期，包括加载、显示、隐藏和卸载等阶段。开发者需要理解每个阶段的方法调用，如onLoad、onShow、onHide、onUnload等，以便...
微信小程序学习5--小程序生命周期及应用场景
jyn15159的博客
11-11 666
小程序生命周期 官网文档 全局生命周期 app.js： App() 必须在 app.js 中调用，必须调用且只能调用一次，app.js中定义了一些应用的生命周期函数： onLaunch 小程序初始化完成时（全局只触发一次）触发。 onShow 小程序初始化完成，或从后台进入前台显示时触发。 onHide 小程序从前台进入后台隐藏时触发。 onError 小程序发生脚本错误，或者 api 调用失败时触发，会带上错误信息。 页面生命周期 page.js： js文件中定义了一些页面生命周期函数： onLo
VUE(uni-app框架)开发微信小程序⑩-生命周期
qq_39075676的博客
10-19 1409
中监听，在页面监听无效，这个文件的作用包括：调用应用生命周期函数、配置全局样式、配置全局的存储globalData。组件支持的生命周期，与vue标准组件的生命周期相同。
深入理解 uni-app 页面生命周期（三）：onHide vs onUnload
tutututu12345678的博客
01-29 3855
通过onHide和onUnload这两个生命周期函数，我们可以在页面隐藏和卸载时执行必要的操作，以提高应用的性能和资源利用率。根据具体业务需求，合理使用这两个生命周期函数，可以更好地管理页面的生命周期。
微信小程序onLoad、onShow、onHide、onUnload区别
图图不糊涂的博客
06-10 4万+
onLoad：页面第一次加载时触发，从跳转页面返回时不能触发，可以传递参数 onShow：页面显示或从后台跳回小程序时显示此页面时触发，从跳转页面返回时触发，不能传递参数 onHide：页面隐藏，例如使用wx.navigateTo 只是打开新页面 并不关闭原页面 onUnload：页面被卸载，例如使用wx.redirectTo 重定向一个页面 原页面已经关闭 当初始化或打开一个新...
微信小程序初学
R_RA222的博客
07-09 155
onLoad：页面第一次加载时触发，从跳转页面返回时不能触发，可以传递参数 onShow：页面显示或从后台跳回小程序时显示此页面时触发，从跳转页面返回时触发，不能传递参数 onHide：页面隐藏，例如使用 wx.navigateTo 只是打开新页面 并不关闭原页面 onUnload：页面被卸载，例如使用 wx.redirectTo 重定向一个页面 原页面已经关闭 当初始化或打开一个新页面时 先执行onLoad，然后执行onShow 但是对于Tab页面，又是不一样的 从A第一次请求到B 是onHide
微信小程序的生命周期
weixin_34417635的博客
08-27 1733
通俗的讲，生命周期就是指一个对象的生老病死。 从软件的角度来看，生命周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。下面从一下三个方面介绍微信小程序的生命周期： 应用生命周期 页面生命周期 应用生命周期影响页面生命周期 应用生命周期 1、用户首次打开小程序，触发 onLaunch（全局只触发一次）。2、小程序初始化完成后，触...
小程序生命周期(onLaunch、onShow、onHide、onReady、onLoad、onUnloa)
叶落无痕的博客
01-08 4724
（4）onReady: 首次显示页面，页面初次渲染完成，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。小程序注册完成后，加载页面，触发onLoad方法。一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数（页面js）。每次打开页面都会调用一次（比如当小程序有后台进入到前台运行或重新进入页面时）。（1）onlaunch：当小程序初始化完成时，会触发 onLaunch（全局只触发一次）（app.js）；
深入解析 Vue 3 中的 onShow 和 onHide 生命周期
最新发布
2301_79858914的博客
11-20 4904
onShow以下代码展示了如何在 Vue 3 中结合语法糖使用onShow和onHide// 模拟数据// 页面显示时重新获取数据console.log('页面显示时重新获取数据')// 页面隐藏时保存数据或清理console.log('页面隐藏时保存数据')// 假设保存到本地// Vue 3 生命周期绑定console.log('onShow 生命周期触发')})console.log('onHide 生命周期触发')saveData()})// 页面加载和销毁。
小程序onHide()和onUnload()
odelia的博客
07-19 1218
onHide()触发的场景： 　　导航页1---->导航页2，会触发导航页1 onHide（） 　　导航页----->子页面，会触发导航页 onHide（） 　　子页面1----->子页面2，会触发子页面1 onHide（） onUnload()触发的场景： 　　从子页面2返回到子页面1，会触发子页面2的onUnload() 　　从子页面返回到导航页，会触发子页...
uniapp通过onHide监听小程序页面隐藏，以及获取页面栈的方式，实现点击小程序右上角按钮退出，再次进入小程序时，直接进入首页
m0_47791238的博客
05-12 6061
当从链接跳转小程序指定页面时，从指定页面的右上角按钮返回，再次进入小程序，直接进入小程序首页；uniapp通过onHide（）监听小程序页面隐藏，以及获取页面栈的方式，实现点击小程序右上角按钮退出，再次进入小程序时，直接进入首页
微信小程序 返回上一页不触发onHide()
mossbaoo的博客
11-10 1万+
关于微信小程序返回上一页不触发 onHide() 的问题。   onHide是页面隐藏，onUnload是页面销毁。   使用 onUnload() 就行！   【推荐文章】一图一表一段文字读懂微信小程序的生命周期...
微信小程序与uni-app实现IM即时通讯
此外，在页面卸载（onUnload）或 onHide 生命周期中也应做好清理工作，确保资源及时释放。 开发实践中，作者推荐使用AI工具辅助生成代码注释，这在团队协作与后期维护中具有显著优势。清晰的注释能够帮助其他开发者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值