鸿蒙面试题 -生命周期的执行顺序

在开始之前,我们先明确自定义组件和页面的关系:

  • 自定义组件:@Component装饰的UI单元,可以组合多个系统组件实现UI的复用,可以调用组件的生命周期。

  • 页面:即应用的UI页面。可以由一个或者多个自定义组件组成,@Entry装饰的自定义组件为页面的入口组件,即页面的根节点,一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。

页面生命周期,即被@Entry装饰的组件生命周期,提供以下生命周期接口:

  • onPageShow:页面每次显示时触发一次,包括路由过程、应用进入前台等场景。

  • onPageHide:页面每次隐藏时触发一次,包括路由过程、应用进入后台等场景。

  • onBackPress:当用户点击返回按钮时触发。

组件生命周期,即一般用@Component装饰的自定义组件的生命周期,提供以下生命周期接口:

  • aboutToAppear:组件即将出现时回调该接口,具体时机为在创建自定义组件的新实例后,在执行其build()函数之前执行。

  • onDidBuild:组件build()函数执行完成之后回调该接口,不建议在onDidBuild函数中更改状态变量、使用animateTo等功能,这可能会导致不稳定的UI表现。

  • aboutToDisappear:aboutToDisappear函数在自定义组件析构销毁之前执行。不允许在aboutToDisappear函数中改变状态变量,特别是@Link变量的修改可能会导致应用程序行为不稳定。

  • @Entry装饰的组件(页面)生命周期流程图

应用级生命周期

应用级生命周期主要包括以下几个阶段:

  1. onCreate‌:应用创建时调用。
  2. onDestroy‌:应用销毁时调用。
  3. onWindowStageCreate ‌:WindowStage创建时调用。
  4. onWindowStageDestroy‌:WindowStage销毁时调用。
  5. onForeground‌:应用进入前台时调用。
  6. onBackground‌:应用进入后台时调用‌1。

页面级生命周期

页面级生命周期主要包括以下几个阶段:

  1. aboutToAppear‌:页面创建时调用。
  2. aboutToDisappear‌:页面销毁时调用。
  3. onPageShow‌:页面准备展示时调用。
  4. onPageHide‌:页面完全隐藏时调用。
  5. onBackPress‌:用户返回操作时调用‌1。

组件生命周期

组件的生命周期包括以下几个状态:

  1. Create‌:组件创建时调用。
  2. Foreground‌:组件进入前台时调用。
  3. Background‌:组件进入后台时调用。
  4. Destroy‌:组件销毁时调用‌2。

具体执行顺序示例

以一个简单的页面切换为例,生命周期的执行顺序如下:

  1. ‌**aboutToAppear()**‌:页面创建时调用。
  2. ‌**onWillAppear()**‌:页面即将出现时调用。
  3. ‌**onAppear()**‌:页面出现时调用。
  4. ‌**onWillHide()**‌:页面即将隐藏时调用。
  5. ‌**onHide()**‌:页面隐藏时调用。
  6. ‌**onWillDisAppear()**‌:页面即将消失时调用。
  7. ‌**onDisAppear()**‌:页面消失时调用‌。
相关推荐
funnyZpC17 分钟前
好用的文档工具👉smart-doc
java
漂流瓶jz20 分钟前
清除浮动/避开margin折叠:前端CSS中BFC的特点与限制
前端·css·面试
一只叫煤球的猫24 分钟前
🔥 同事混用@Transactional和TransactionTemplate被我怼了,三种事务管理到底怎么选?
java·spring boot·后端
我不吃饼干9 天前
鸽了六年的某大厂面试题:你会手写一个模板引擎吗?
前端·javascript·面试
李少兄9 天前
解决OSS存储桶未创建导致的XML错误
xml·开发语言·python
阿蒙Amon9 天前
《C#图解教程 第5版》深度推荐
开发语言·c#
我不吃饼干9 天前
鸽了六年的某大厂面试题:手写 Vue 模板编译(解析篇)
前端·javascript·面试
学Linux的语莫9 天前
python基础语法
开发语言·python
LyaJpunov9 天前
深入理解 C++ volatile 与 atomic:五大用法解析 + 六大高频考点
c++·面试·volatile·atomic
前端fighter9 天前
为什么需要dependencies 与 devDependencies
前端·javascript·面试