【学习日志】2day 页面和自定义组件的生命周期

页面生命周期

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

以下是页面生命周期的主要接口：

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

作用：这是进行页面数据加载、动画启动等操作的理想时机。

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

作用：此时页面仍然保留在内存中，但不再对用户可见。开发者可以在此函数中暂停一些不必要的后台操作，以节省系统资源。

3.onBackPress: 当用户点击返回按钮或执行其他返回操作时触发。

作用：开发者可以在此函数中执行一些清理工作，如保存用户输入、确认用户是否真的要离开页面等。

自定义组件的生命周期

组件生命周期，即一般用@Component装饰的自定义组件的生命周期

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

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

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

​

自定义组件的创建和渲染流程

1.自定义组件的创建：自定义组件的实例由ArkUI框架创建。

2.初始化自定义组件的成员变量：通过本地默认值或者构造方法传递参数来初始化自定义组件的成员变量，初始化顺序为成员变量的定义顺序。

3.如果开发者定义了aboutToAppear，则执行aboutToAppear方法。

4.在首次渲染的时候，执行build方法渲染系统组件，如果子组件为自定义组件，则创建自定义组件的实例。在首次渲染的过程中，框架会记录状态变量和组件的映射关系，当状态变量改变时，驱动其相关的组件刷新。

当应用在后台启动时，此时应用进程并没有销毁，所以仅需要执行onPageShow。

自定义组件重新渲染

当事件句柄被触发（比如设置了点击事件，即触发点击事件）改变了状态变量时，或者LocalStorage / AppStorage中的属性更改，并导致绑定的状态变量更改其值时：

1.框架观察到了变化，将启动重新渲染。

2.根据框架持有的两个map（自定义组件的创建和渲染流程中第4步），框架可以知道该状态变量管理了哪些UI组件，以及这些UI组件对应的更新函数。执行这些UI组件的更新函数，实现最小化更新。
 

自定义组件的删除

如果if组件的分支改变，或者ForEach循环渲染中数组的个数改变，组件将被删除：

1.在删除组件之前，将调用其aboutToDisappear生命周期函数，标记着该节点将要被销毁。ArkUI的节点删除机制是：后端节点直接从组件树上摘下，后端节点被销毁，对前端节点解引用，前端节点已经没有引用时，将被JS虚拟机垃圾回收。

2.自定义组件和它的变量将被删除，如果其有同步的变量，比如@Link、@Prop、@StorageLink，将从同步源上取消注册。