小程序生命周期的使用

原创 已于 2023-11-21 14:01:32 修改 · 58 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#小程序 #前端 #javascript

于 2023-11-21 11:02:31 首次发布

onload

  相当于vue中的created 第一次进入界面

onshow

   相当于vue中的beforemount 挂载之前 还没有挂载

onready

  相当于 vue中的mount 完成dom渲染并且进行挂载

For__rows
关注
浅析微信小程序生命周期之应用生命周期
01-08
微信小程序应用生命周期从注册小程序生命周期开始说起，拿Vue.js这比喻，我们要使用Vue就得先new一个Vue对象。而微信小程序通过App(Object object)这个函数来注册小程序，接受一个 Object 参数，其指定小程序的生命...
微信小程序 生命周期详解
11-23
微信小程序的生命周期是开发者在构建和管理小程序时必须掌握的核心概念。它涵盖了小程序从启动到关闭的全过程，包括应用生命周期和页面生命周期两个主要部分，并且这两个生命周期之间存在相互影响。 **应用生命周期...
微信小程序-生命周期
iOS_HC的博客
02-07 1193
2、启动时异步更新：在启动前没有发现更新，小程序每次冷启动时，都会异步检查是否有更新版本。在启动时异步更新情况下，如果开发者希望可以立即版本更新，可以使用 wx.getUpdateManager API 进行处理，在有新版本时提示用户重启小程序更新版本。如果有更新，下次小程序启动时会同步进行更新，更新到最新版本后再打开小程序。在访问小程序时，微信会将小程序的代码包缓存到本地，在开发者发布了新的小程序版本后，微信客户端会检查本地缓存的小程序有没有新版本，并进行小程序代码包的更新。
小程序生命周期
DZQ1223的博客
07-19 1827
onHide 事件是小程序的一种隐藏事件，当小程序被用户隐藏或者关闭时，该事件会被触发。通常，你可以在 onHide 事件中处理小程序的隐藏逻辑，例如保存用户数据或者关闭小程序的界面等。onReady 事件在小程序准备好渲染时发生，该事件通常用于渲染小程序的界面和数据。例如，你可以在 onUnload 事件中删除小程序的缓存或者关闭小程序的界面。需要注意的是，小程序的 onHide 事件不会在用户手动关闭小程序时触发，只会在小程序被自动隐藏或者关闭时触发。组件生命周期 有 3 个重要的生命周期。
微信小程序 生命周期
qq_35262929的博客
11-04 2398
微信小程序的生命周期和生命周期函数
微信小程序生命周期
实践求真知
09-09 1340
微信小程序
前端性能：微信小程序生命周期详解
热门推荐
全沾软贱开发攻城狮
07-29 1万+
在微信小程序开发中微信小程序API的使用是必备技能，但是关于微信小程序的生命周期也是首先要了解和掌握的知识点，尤其是现在的前端开发领域，关于前端的各种框架和技术都要会，而且微信小程序的语法就是JS的翻版，掌握它不在话下。了解微信小程序生命周期，对在小程序开发中的性能提升也是很有帮助的。
微信小程序——生命周期
TianXuab的博客
09-10 2175
在微信小程序中，可以通过生命周期函数来执行相应的代码操作。通过在不同的生命周期函数中编写相应的代码操作，可以实现对小程序的控制和逻辑处理。
小程序的生命周期
slient033的博客
05-28 9203
目录 一、生命周期的分类 二、生命周期函数的应用 1、（全局）应用的生命周期函数 2、页面的生命周期函数 3、组件的生命周期函数 一、生命周期的分类 1、应用的生命周期 指小程序从启动—>运行—>销毁的过程 2、页面的生命周期 指每个页面，从加载—>渲染—>卸载的过程 3、组件的生命周期 每个子组件，创建—>进入页面节点渲染—>被页面节点移除的过程 二、生命周期函数的应用 1、（全局）应用的生命周期函数 * 在官方文档里，框架.
微信小程序生命周期函数介绍
weixin_52633911的博客
01-16 2582
微信小程序app.js中生命周期函数的使用方法
微信小程序的生命周期
Lin_25937的博客
11-14 2978
微信小程序的生命周期
微信小程序生命周期笔记
yheartbeats的博客
04-01 3482
微信小程序的三种生命周期： 应用生命周期 页面生命周期 组件生命周期 一、应用生命周期 onLaunch Function 否 监听小程序初始化 onShow Function 否 监听小程序启动或切前台 onHide Function 否 监听小程序切后台 onError Function 否 错误监听函数 onPageNotFound Function 否 页面不存在监听函数 | 属性 |类型 |必填| 描述| |–|--| | | | 用户首次打开小程序，触发 onLaunch（全局
微信小程序 生命周期函数
03-29
小程序中 判断当前首页是从其他页面返回，还是由入口打开 由于小程序的数据在我们退出小程序时并没有得到释放，因此再次点击开来数据依然没有变成初始化  解决方法：在小程序 data 数据中声明一个变量 isClose 默认...
微信小程序页面生命周期详解
08-28
微信小程序页面生命周期详解 微信小程序页面生命周期是指微信小程序在不同的阶段所执行的函数，主要包括页面加载、页面初次渲染完成、页面显示、页面隐藏和页面卸载等几个阶段。在微信小程序开发中，理解页面生命...
医疗预约小程序原型设计
低代码布道师的博客
11-30 514
这套原型通过C端服务的深度场景化和B端管理的精细化，构建了一个完整的互联网医院服务闭环。对患者：是省时省心的就医助手。对医院：是降本增效的管理工具。希望这个案例能给大家在医疗数字化产品的设计上带来一些灵感！欢迎在评论区交流讨论。
Linux 编程第一个小程序：进度条
最新发布
2403_86774926的博客
11-30 672
本文介绍了C语言进度条的实现原理与设计亮点。关键点包括：1）利用\r回车符实现行内刷新；2）通过fflush(stdout)强制刷新缓冲区确保实时显示；3）使用ANSI转义序列实现彩色输出；4）采用函数指针实现模块解耦。进度条支持智能颜色切换（红/黄/绿）和旋转动画指示，通过Makefile支持调试/发布版本编译。代码结构清晰，包含初始化、更新显示和模拟下载模块，可扩展为多任务进度监控系统。
基于链动2+1模式AI智能名片S2B2C商城小程序的微商运营内容研究
专注MarTech应用研究与实施方案
11-30 681
本研究针对传统微商面临的产品质量与运营模式困境，提出融合链动2+1模式、AI智能名片和S2B2C商城小程序的新微商解决方案。通过体验式选品建立质量信任，利用裂变机制提升用户增长，借助AI技术实现精准营销，结合S2B2C优化供应链效率。案例分析显示，该模式能显著降低退货率、提升用户增长和满意度。研究表明，技术创新是新微商转型升级的关键，未来需向智能化、个性化方向发展，构建可持续运营体系。
游戏助手|游戏攻略|基于SprinBoot+vue的游戏攻略系统小程序(源码+数据库+文档)
伟庭师兄的博客
11-29 789
本文介绍了一个基于SpringBoot+Vue开发的游戏分享网站系统。系统分为小程序端和管理员端两大模块：小程序端提供玩家注册登录、游戏道具查看、战绩管理等功能；管理员端包含玩家管理、游戏分类管理、道具管理、战绩管理等后台功能。系统采用Java语言开发，MySQL数据库存储数据，通过E-R图展示了主要实体关系，并提供了核心代码示例。该系统旨在为游戏玩家提供便捷的分享交流平台，同时为管理员提供高效的管理工具。文章最后还提供了源码获取方式和相关毕设选题推荐。
前端在移动端中的页面切换
2509_93939582的博客
11-28 486
记得加硬件加速，用transform和opacity属性，别动不动改布局属性（比如width或height），那样容易引发重排重绘，卡成幻灯片。不过，SPA也不是万能药，它初次加载可能慢点，得靠代码分割和懒加载来优化——比如把不常用的模块拆开，等用户需要时再加载，这样既省资源又提速。还有，别忘了图片和视频的懒加载：页面切换时，先加载核心内容，图片等可视区域再加载，这样首屏能秒开。另外，内存管理也得注意，SPA容易内存泄漏，切换页面时记得清理事件监听器和定时器，不然用久了手机会变卡。
小程序生命周期组件生命周期
06-06
### 小程序生命周期详解 小程序的生命周期是指从小程序启动到销毁期间经历的一系列阶段和事件。这些生命周期方法主要用于监听小程序的状态变化，并在特定时刻执行相应的逻辑操作。以下是小程序的主要生命周期方法及其执行顺序[^4]： - **onLaunch**：小程序初始化完成时触发，全局只触发一次。此方法适合用于初始化全局数据或配置。 - **onShow**：小程序启动或从后台进入前台显示时触发。可以在此方法中处理页面恢复的逻辑。 - **onHide**：小程序从前台进入后台时触发。适合用于保存用户数据或释放部分资源。 - **onError**：小程序发生脚本错误或 API 调用失败时触发。可用于记录错误日志。 - **onPageNotFound**：小程序页面未找到时触发。可以用于处理页面跳转错误。 ```javascript App({ onLaunch: function() { console.log('小程序初始化'); }, onShow: function() { console.log('小程序进入前台'); }, onHide: function() { console.log('小程序进入后台'); }, onError: function(msg) { console.error('小程序发生错误', msg); }, onPageNotFound: function(res) { console.warn('页面未找到', res); } }); ``` --- ### 组件生命周期详解 组件生命周期是指一个组件从创建到销毁的整个过程。了解组件生命周期对于优化性能、管理资源和提升用户体验至关重要。微信小程序的组件生命周期包括多个阶段，每个阶段都有特定的生命周期函数可以调用[^1]。 以下是组件生命周期的主要方法及其执行顺序： #### 1. 组件实例初始化阶段 - **created**：组件实例刚刚被创建时执行。此时，组件的数据字段尚未绑定到实际 DOM 上。 - **attached**：组件与页面节点树绑定完成时执行。此时，组件的数据字段已经绑定到实际 DOM 上，但可能还未渲染到屏幕上。 - **ready**：组件布局完成后执行。此时，组件的子组件也已完成布局。 #### 2. 组件运行阶段 - **moved**：组件所在的页面被移动到新窗口时执行。这一阶段较少使用。 #### 3. 组件销毁阶段 - **detached**：组件实例从页面节点树中移除时执行。适合用于清理定时器或释放资源。 ```javascript Component({ lifetimes: { created: function() { console.log('组件实例被创建'); }, attached: function() { console.log('组件与页面节点树绑定完成'); }, ready: function() { console.log('组件布局完成'); }, moved: function() { console.log('组件所在的页面被移动到新窗口'); }, detached: function() { console.log('组件实例从页面节点树中移除'); } } }); ``` --- ### 页面生命周期（组件所在页面的生命周期） 除了组件自身的生命周期外，组件还可以通过 `pageLifetimes` 定义其所在页面的生命周期方法。这些方法并非直接与组件关联，但有时组件需要获知页面状态以进行内部处理[^2]。 以下是页面生命周期的主要方法及其执行顺序： - **show**：组件所在的页面被展示时执行。 - **hide**：组件所在的页面被隐藏时执行。 - **resize**：组件所在的页面尺寸发生改变时执行。 ```javascript Component({ pageLifetimes: { show: function() { console.log('页面被展示'); }, hide: function() { console.log('页面被隐藏'); }, resize: function(size) { console.log('页面尺寸发生改变', size); } } }); ``` --- ### 生命周期方法的执行顺序总结 1. **小程序全局生命周期**：`onLaunch -> onShow -> onHide -> onError -> onPageNotFound` 2. **组件生命周期**：`created -> attached -> ready -> moved -> detached` 3. **页面生命周期**（通过 `pageLifetimes` 定义）：`show -> hide -> resize` ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值