【鸿蒙实战开发】粗略聊聊HarmonyOS组件和页面生命周期

前言

不久前华为已经宣布全新HarmonyOS NEXT 鸿蒙星河版将在今年秋天正式和消费者见面,并已经面向开发者开放申请。鸿蒙星河版会有更智能、更极致的原生体验,也标志着鸿蒙迈向其发展的第二阶段。
因此,对于鸿蒙生态建设而言,2024年可谓至关重要,而生态建设的前提,就是要有足够的开发人才。与之对应的,今年春招市场上与鸿蒙相关岗位和人才旺盛的热度,一方面反应了鸿蒙生态的逐渐壮大,另一方面也让人们对鸿蒙下一阶段的发展更具信心。

随着鸿蒙市场份额的不断提升,相应的岗位也会迎来一个爆发式的增长。这对于想要换赛道的程序员来说是一个非常好的消息,话说大家最近有想法转型鸿蒙开发吗?

本文来粗略聊一聊HarmonyOS组件和页面生命周期

首先区分一下组件和页面的区别,我们新建一个项目,默认是带@Entry的, 这就是页面,如果是只有

@Component
struct Index

就是组件了
在这里插入图片描述

鸿蒙组件和页面生命周期的思维导图

因为@Entry 也是@Component组件,所以页面组件同时拥有自定义组件的生命周期
在这里插入图片描述

aboutToAppear应用场景:

aboutToAppear(): void {
//发送请求拿到数据
//拿到路由传参
}

aboutToDisappear应用场景:

aboutToDisappear(): void {
  //清除定时器,延时器
  //取消事件监听
}

onPageShow:

准备了一份小demo,模仿在页面给aboutToAppear和onPageShow 发送同一个请求的效果

@State num:number = 0
async  aboutToAppear(){
  //模拟发送请求拿到数据
  await this.getData(2)
}
getData(n:number){
  this.num += n
}
async onPageShow() {
  await this.getData(3)
}

效果: 进入页面后 显示的数据是4 也就是aboutToAppear生效了,但是切换页面后切换回来,显示的是7 下一次是10
证明切换页面后 执行onPageShow ,不会再执行aboutToAppear

aboutToAppear和onPageShow的不同点:

“aboutToAppear” 发生在页面即将显示之前,
“onPageShow” 发生在页面显示之后.

所以面对我们需要即时更新数据的情况, 可以aboutToAppear写一份请求, onPageShow也写一份,这样用户在切换页面回来之后就可以看到最新的数据了。

aboutToDisApper 和 onPageHide的不同点

“aboutToDisappear” 通常指的是页面即将隐藏之前触发的事件,在这个阶段,页面仍然是可见的
“onPageHide” 则是指页面已经被隐藏的事件,在这个阶段,页面不再对用户可见

onBackPress

onBackPress,就是用户按下手机的返回键的时候
应用场景:
可以给用户增加弹窗,询问是否返回,如果是在一些需要保存数据的界面,例如购物清单这些,我们也可以给用户保存当前的数据

写在最后

有很多小伙伴不知道该从哪里开始学习鸿蒙开发技术?也不知道鸿蒙开发的知识点重点掌握的又有哪些?自学时频繁踩坑,导致浪费大量时间。结果还是一知半解。所以有一份实用的鸿蒙(HarmonyOS NEXT)全栈开发资料用来跟着学习是非常有必要的。

这份鸿蒙(HarmonyOS NEXT)资料包含了鸿蒙开发必掌握的核心知识要点,内容包含了

最新鸿蒙全栈开发学习线路在这里插入图片描述

鸿蒙HarmonyOS开发教学视频

在这里插入图片描述
在这里插入图片描述

大厂面试真题

在这里插入图片描述

在这里插入图片描述

鸿蒙OpenHarmony源码剖析

在这里插入图片描述

这份资料能帮住各位小伙伴理清自己的学习思路,更加快捷有效的掌握鸿蒙开发的各种知识。有需要的小伙伴自行领取,,先到先得~无套路领取!!

获取这份完整版高清学习路线,请点击→鸿蒙全栈开发学习资料

  • 15
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值