【小程序】生命周期

简介: 【小程序】生命周期

1. 什么是生命周期


生命周期(Life Cycle)是指一个对象从创建 -> 运行 -> 销毁的整个阶段,强调的是一个时间段。


例如:


张三出生,表示这个人生命周期的开始


张三离世,表示这个人生命周期的结束 中间张三的一生,就是张三的生命周期


我们可以把每个小程序运行的过程,也概括为生命周期:


小程序的启动,表示生命周期的开始


小程序的关闭,表示生命周期的结束


中间小程序运行的过程,就是小程序的生命周期


2. 生命周期的分类


在小程序中,生命周期分为两类,分别是:

应用生命周期

特指小程序从启动 -> 运行 -> 销毁的过程  

页面生命周期

特指小程序中,每个页面的加载 -> 渲染 -> 销毁的过程

其中,页面的生命周期范围较小,应用程序的生命周期范围较大,如图所示:


9fabe329253548bbb667600ad11d2ef4.png


3. 什么是生命周期函数


生命周期函数:是由小程序框架提供的内置函数,会伴随着生命周期,自动按次序执行。


生命周期函数的作用:允许程序员在特定的时间点,执行某些特定的操作。例如,页面刚加载的时候,可以在 onLoad 生命周期函数中初始化页面的数据。


注意:生命周期强调的是时间段,生命周期函数强调的是时间点


4. 生命周期函数的分类


小程序中的生命周期函数分为两类,分别是:  

应用的生命周期函数

特指小程序从启动 -> 运行 -> 销毁期间依次调用的那些函数

页面的生命周期函数

特指小程序中,每个页面从加载 -> 渲染 -> 销毁期间依次调用的那些函数


5. 应用的生命周期函数

小程序的应用生命周期函数需要在 app.js 中进行声明,示例代码如下:


a7c16158d5ea48e78924a4a4a449f5b8.png


6. 页面的生命周期函数

小程序的页面生命周期函数需要在页面的 .js 文件中进行声明,示例代码如下:


53ac00f5334f45b7a4f031d80703af97.png



相关文章
|
1月前
|
JSON 小程序 JavaScript
【微信小程序】-- 自定义组件 - 组件所在页面的生命周期 & 插槽(三十七)
【微信小程序】-- 自定义组件 - 组件所在页面的生命周期 & 插槽(三十七)
|
1月前
|
小程序
【微信小程序】-- 自定义组件 - 纯数据字段 & 组件的生命周期(三十六)
【微信小程序】-- 自定义组件 - 纯数据字段 & 组件的生命周期(三十六)
|
1月前
|
存储 小程序 JavaScript
【微信小程序】-- 生命周期(二十八)
【微信小程序】-- 生命周期(二十八)
|
2月前
|
小程序 JavaScript 开发者
小程序生命周期
小程序生命周期
16 1
|
2月前
|
开发框架 JavaScript 小程序
vue,小程序,uni-app的生命周期?
vue,小程序,uni-app的生命周期?
|
3月前
|
移动开发 JavaScript 小程序
小程序开发.uniapp.生命周期
小程序开发.uniapp.生命周期
122 0
|
6月前
|
数据采集 小程序 定位技术
[笔记]微信小程序开发《三》框架基础:小程序生命周期、全局配置、页面配置。
[笔记]微信小程序开发《三》框架基础:小程序生命周期、全局配置、页面配置。
|
7月前
|
移动开发 JavaScript 前端开发
前端(九)——探索微信小程序、Vue、React和Uniapp生命周期(下)
前端(九)——探索微信小程序、Vue、React和Uniapp生命周期(下)
|
7月前
|
JavaScript 小程序 前端开发
前端(九)——探索微信小程序、Vue、React和Uniapp生命周期(上)
前端(九)——探索微信小程序、Vue、React和Uniapp生命周期(上)
112 0
|
7月前
|
小程序 API 开发者
【小程序全面解析】生命周期、常用组件,代码示例和使用场景
该文章全面介绍了小程序的生命周期、常用基础组件以及使用场景,并提供了相应的代码示例。读者可以了解小程序的生命周期函数及其执行时机,以及学习如何使用常用基础组件构建小程序页面。此外,文章还列举了各种使用场景,帮助读者更好地理解如何应用小程序开发。如果您是小程序开发的初学者或需要了解小程序的基础知识,该文章将为您提供全面的帮助和指导。
137 0
【小程序全面解析】生命周期、常用组件,代码示例和使用场景