鸿蒙口试心得

自疫情过后，java和web前端都进入了冰河期间。年龄、薪资、学历都成了找工作路上躲不开的门槛。
年龄太大pass
薪资要高了pass
学历大专pass
好多好多pass
找工作的路上明明阳关普照，却有一种凄凄惨惨戚戚说不清道不明的“优雅”意境。
如何破局？
鸿蒙！ 
好了废话不多说，下面进入正题
先聊一聊怎么学习鸿蒙

一、不建议报班

目前有好多培训班，对有web开辟履历的人来说，我个人不建议报班。
要耗费大量的时间
耗费一定的money，如今钱不好赚能省则省吧
 那么我们如何开始学习鸿蒙呢？
二 、B站

如今B站里面黑马、千峰、尚硅谷已经出了多期基础视频，可以先看看这些视频，然后跟着老师把项目写一下，大概花两周的时间吧。
如许可以快速的相识什么是鸿蒙，鸿蒙做了哪些变乱，为以后的自己独立学习奠定基础
三、鸿蒙官方API 

HarmonyOS应用-HarmonyOS开辟者-华为开辟者联盟
文档中心
或者
鸿蒙 ArkTS 应用快速上手手册_w3cschool
假如兄弟们时间告急可以先看下面这几个模块，一般看完口试就够用了
项目结构 

 

UI

假如ts单薄可以看看这个

有框架的认知
有ts处理逻辑
有UI展示页面
如许一个APP大概就全了，假如兄弟们还有精力，那肯定是api研究的越全面越好啦
口试 

假如兄弟们这些都学完了，那么可以举行口试了：
需要留意的是口试分线下口试和线上口试
线下口试

假如是线下口试那兄弟们要留意了，大概要现场写代码，以是我建议先学完了我上面说的再去口试。假如写不出来白白浪费了一次时机。
不过线下写代码也不要担心，一般都是基础布局，在固定的时间内完成就行。
我先说一下我线下口试时需要留意的事项：
1. 假如各人风俗键盘和鼠标的话最好自己备上。
2. 口试官的需求文档一定要先看懂了，有全局的把控再开始写代码，不懂就问。
3. 得分点一定要清楚，而且都要实现
详细有哪些得分点，我给兄弟们举几个我在口试中遇到的
1.  用到组件化思想
2. 布局元素不能少，也就是和UI设计高度保真
3. 一些范例最好定义成罗列
4. 颜色变量定义到这里

5. http哀求的封装
6. 列表只管用LazyForEach提升性能
 线上口试

 我这里总结了一些：
1. Module范例

分为ability范例和Library范例
ability范例（重点知道什么是HAP）
用于实现应用的功能和特性。每一个Ability范例的Module编译后，会天生一个以.hap为后缀的文件，我们称其为HAP（Harmony Ability Package）包。HAP包可以独立安装和运行，是应用安装的基本单元，一个应用中可以包含一个或多个HAP包，详细包含如下两种范例。

• entry范例的Module：应用的主模块，包含应用的入口界面、入口图标和主功能特性，编译后天生entry范例的HAP。每一个应用分发到同一范例的设备上的应用程序包，只能包含唯逐一个entry范例的HAP。
  
• feature范例的Module：应用的动态特性模块，编译后天生feature范例的HAP。一个应用中可以包含一个或多个feature范例的HAP，也可以不包含。
  

Library范例的Module： （HAR、HSP）
用于实当代码和资源的共享。同一个Library范例的Module可以被其他的Module多次引用，合理地利用该范例的Module，能够降低开辟和维护成本。Library范例的Module分为Static和Shared两种范例，编译后会天生共享包。

• Static Library：静态共享库。编译后会天生一个以.har为后缀的文件，即静态共享包HAR（Harmony Archive）。
  
• Shared Library：动态共享库。编译后会天生一个以.hsp为后缀的文件，即动态共享包HSP（Harmony Shared Package）。
  

    阐明
  实际上，Shared Library编译后除了会天生一个.hsp文件，还会天生一个.har文件。这个.har文件中包含了HSP对外导出的接口，应用中的其他模块需要通过.har文件来引用HSP的功能。为了表述方便，我们通常以为Shared Library编译后天生HSP。
  HAR与HSP两种共享包的重要区别体如今：
共享包范例编译和运行方式发布和引用方式HARHAR中的代码和资源跟随利用方编译，假如有多个利用方，它们的编译产物中会存在多份雷同拷贝。HAR除了支持应用内引用，还可以独立打包发布，供其他应用引用。HSPHSP中的代码和资源可以独立编译，运行时在一个历程中代码也只会存在一份。HSP一般随应用举行打包，当前只支持应用内引用，不支持独立发布和跨应用的引用。  HAR和HSP在APP包中的形态示意图

2. Arkts相干（假如兄弟们醒目ts可省略）

文档中心

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/introduction-to-arkts-V5

• 自定义组件：@Component装饰的UI单元，可以组合多个系统组件实现UI的复用，可以调用组件的生命周期。
  
• 页面：即应用的UI页面。可以由一个或者多个自定义组件组成，@Entry装饰的自定义组件为页面的入口组件，即页面的根节点，一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。
  

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

• onPageShow：页面每次显示时触发一次，包括路由过程、应用进入前台等场景。
  
• onPageHide：页面每次隐藏时触发一次，包括路由过程、应用进入背景等场景。
  
• onBackPress：当用户点击返回按钮时触发。
  

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

• aboutToAppear：组件即将出现时回调该接口，详细机遇为在创建自定义组件的新实例后，在执行其build()函数之前执行。
  
• onDidBuild：组件build()函数执行完成之后回调该接口，不建议在onDidBuild函数中更改状态变量、利用animateTo等功能，这大概会导致不稳固的UI体现。
  
• aboutToDisappear：aboutToDisappear函数在自定义组件析构销毁之前执行。不允许在aboutToDisappear函数中改变状态变量，特别是@Link变量的修改大概会导致应用程序行为不稳固。
  

生命周期流程如下图所示，下图展示的是被@Entry装饰的组件（页面）生命周期。

根据上面的流程图，我们从自定义组件的初始创建、重新渲染和删除来详细表明。
3.自定义组件的创建和渲染流程

• 自定义组件的创建：自定义组件的实例由ArkUI框架创建。
  
• 初始化自定义组件的成员变量：通过当地默认值或者构造方法通报参数来初始化自定义组件的成员变量，初始化顺序为成员变量的定义顺序。
  
• 假如开辟者定义了aboutToAppear，则执行aboutToAppear方法。
  
• 在初次渲染的时候，执行build方法渲染系统组件，假如子组件为自定义组件，则创建自定义组件的实例。在初次渲染的过程中，框架会记录状态变量和组件的映射关系，当状态变量改变时，驱动其相干的组件刷新。
  
• 假如开辟者定义了onDidBuild，则执行onDidBuild方法。
  

4. 自定义组件重新渲染

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

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

5. 自定义组件的删除

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

• 在删除组件之前，将调用其aboutToDisappear生命周期函数，标志着该节点将要被销毁。ArkUI的节点删除机制是：后端节点直接从组件树上摘下，后端节点被销毁，对前端节点解引用，前端节点已经没有引用时，将被JS虚拟机垃圾回收。
  
• 自定义组件和它的变量将被删除，假如其有同步的变量，比如@Link、@Prop、@StorageLink，将从同步源上取消注册。
  

不建议在生命周期aboutToDisappear内利用async await，假如在生命周期的aboutToDisappear利用异步操作（Promise或者回调方法），自定义组件将被生存在Promise的闭包中，直到回调方法被执行完，这个行为制止了自定义组件的垃圾回收。
以下示例展示了生命周期的调用机遇：

1. // Index.ets
2. import router from '@ohos.router';
4. @Entry
5. @Component
6. struct MyComponent {
7.   @State showChild: boolean = true;
8.   @State btnColor:string = "#FF007DFF"
10.   // 只有被@Entry装饰的组件才可以调用页面的生命周期
11.   onPageShow() {
12.     console.info('Index onPageShow');
13.   }
14.   // 只有被@Entry装饰的组件才可以调用页面的生命周期
15.   onPageHide() {
16.     console.info('Index onPageHide');
17.   }
19.   // 只有被@Entry装饰的组件才可以调用页面的生命周期
20.   onBackPress() {
21.     console.info('Index onBackPress');
22.     this.btnColor ="#FFEE0606"
23.     return true // 返回true表示页面自己处理返回逻辑，不进行页面路由；返回false表示使用默认的路由返回逻辑，不设置返回值按照false处理
24.   }
26.   // 组件生命周期
27.   aboutToAppear() {
28.     console.info('MyComponent aboutToAppear');
29.   }
31.   // 组件生命周期
32.   onDidBuild() {
33.     console.info('MyComponent onDidBuild');
34.   }
36.   // 组件生命周期
37.   aboutToDisappear() {
38.     console.info('MyComponent aboutToDisappear');
39.   }
41.   build() {
42.     Column() {
43.       // this.showChild为true，创建Child子组件，执行Child aboutToAppear
44.       if (this.showChild) {
45.         Child()
46.       }
47.       // this.showChild为false，删除Child子组件，执行Child aboutToDisappear
48.       Button('delete Child')
49.       .margin(20)
50.       .backgroundColor(this.btnColor)
51.       .onClick(() => {
52.         this.showChild = false;
53.       })
54.       // push到page页面，执行onPageHide
55.       Button('push to next page')
56.         .onClick(() => {
57.           router.pushUrl({ url: 'pages/page' });
58.         })
59.     }
61.   }
62. }
64. @Component
65. struct Child {
66.   @State title: string = 'Hello World';
67.   // 组件生命周期
68.   aboutToDisappear() {
69.     console.info('[lifeCycle] Child aboutToDisappear')
70.   }
72.   // 组件生命周期
73.   onDidBuild() {
74.     console.info('[lifeCycle] Child onDidBuild');
75.   }
77.   // 组件生命周期
78.   aboutToAppear() {
79.     console.info('[lifeCycle] Child aboutToAppear')
80.   }
82.   build() {
83.     Text(this.title).fontSize(50).margin(20).onClick(() => {
84.       this.title = 'Hello ArkUI';
85.     })
86.   }
87. }

复制代码

1. // page.ets
2. @Entry
3. @Component
4. struct page {
5.   @State textColor: Color = Color.Black;
6.   @State num: number = 0
8.   onPageShow() {
9.     this.num = 5
10.   }
12.   onPageHide() {
13.     console.log("page onPageHide");
14.   }
16.   onBackPress() { // 不设置返回值按照false处理
17.     this.textColor = Color.Grey
18.     this.num = 0
19.   }
21.   aboutToAppear() {
22.     this.textColor = Color.Blue
23.   }
25.   build() {
26.     Column() {
27.       Text(`num 的值为：${this.num}`)
28.         .fontSize(30)
29.         .fontWeight(FontWeight.Bold)
30.         .fontColor(this.textColor)
31.         .margin(20)
32.         .onClick(() => {
33.           this.num += 5
34.         })
35.     }
36.     .width('100%')
37.   }
38. }

复制代码

以上示例中，Index页面包含两个自定义组件，一个是被@Entry装饰的MyComponent，也是页面的入口组件，即页面的根节点；一个是Child，是MyComponent的子组件。只有@Entry装饰的节点才可以使页面级别的生命周期方法生效，因此在MyComponent中声明当前Index页面的页面生命周期函数（onPageShow / onPageHide / onBackPress）。MyComponent和其子组件Child分别声明白各自的组件级别生命周期函数（aboutToAppear / onDidBuild/aboutToDisappear）。

• 应用冷启动的初始化流程为：MyComponent aboutToAppear --> MyComponent build --> MyComponent onDidBuild--> Child aboutToAppear --> Child build --> Child onDidBuild --> Index onPageShow。
  
• 点击“delete Child”，if绑定的this.showChild变成false，删除Child组件，会执行Child aboutToDisappear方法。
  
• 点击“push to next page”，调用router.pushUrl接口，跳转到别的一个页面，当前Index页面隐藏，执行页面生命周期Index onPageHide。此处调用的是router.pushUrl接口，Index页面被隐藏，并没有销毁，以是只调用onPageHide。跳转到新页面后，执行初始化新页面的生命周期的流程。
  
• 假如调用的是router.replaceUrl，则当前Index页面被销毁，执行的生命周期流程将变为：Index onPageHide --> MyComponent aboutToDisappear --> Child aboutToDisappear。上文已经提到，组件的销毁是从组件树上直接摘下子树，以是先调用父组件的aboutToDisappear，再调用子组件的aboutToDisappear，然后执行初始化新页面的生命周期流程。
  
• 点击返回按钮，触发页面生命周期Index onBackPress，且触发返回一个页面后会导致当前Index页面被销毁。
  
• 最小化应用或者应用进入背景，触发Index onPageHide。当前Index页面没有被销毁，以是并不会执行组件的aboutToDisappear。应用回到前台，执行Index onPageShow。
  
• 退出应用，执行Index onPageHide --> MyComponent aboutToDisappear --> Child aboutToDisappear。
  

6. 自定义组件的冻结功能（要相识）

定义组件处于非激活状态时，状态变量将不响应更新，即@Watch不会调用，状态变量关联的节点不会刷新。通过freezeWhenInactive属性来决定是否利用冻结功能，不传参数时默认倒霉用。支持的场景有：页面路由，TabContent，LazyforEach，Navigation。
   阐明
  从API version 11开始，支持自定义组件冻结功能。 
  7. 常用装饰器

@Builder装饰器：自定义构建函数
@BuilderParam装饰器：引用@Builder函数
@Styles装饰器：定义组件重用样式
@Extend装饰器：定义扩展组件样式 
8. 状态管理

组件状态

• @State：@State装饰的变量拥有其所属组件的状态，可以作为其子组件单向和双向同步的数据源。当其数值改变时，会引起相干组件的渲染刷新。
  
• @Prop：@Prop装饰的变量可以和父组件创建单向同步关系，@Prop装饰的变量是可变的，但修改不会同步回父组件。
  
• @Link：@Link装饰的变量可以和父组件创建双向同步关系，子组件中@Link装饰变量的修改会同步给父组件中创建双向数据绑定的数据源，父组件的更新也会同步给@Link装饰的变量。
  
• @Provide/@Consume：@Provide/@Consume装饰的变量用于跨组件层级（多层组件）同步状态变量，可以不需要通过参数命名机制通报，通过alias（别名）或者属性名绑定。
  
• @Observed：@Observed装饰class，需要观察多层嵌套场景的class需要被@Observed装饰。单独利用@Observed没有任何作用，需要和@ObjectLink、@Prop联用。
  
• @ObjectLink：@ObjectLink装饰的变量接收@Observed装饰的class的实例，应用于观察多层嵌套场景，和父组件的数据源构建双向同步。
  

 应用状态

• AppStorage是应用程序中的一个特别的单例LocalStorage对象，是应用级的数据库，和历程绑定，通过@StorageProp和@StorageLink装饰器可以和组件联动。
  
• AppStorage是应用状态的“中枢”，将需要与组件（UI）交互的数据存入AppStorage，比如持久化数据PersistentStorage和环境变量Environment。UI再通过AppStorage提供的装饰器或者API接口，访问这些数据。
  
• 框架还提供了LocalStorage，AppStorage是LocalStorage特别的单例。LocalStorage是应用程序声明的应用状态的内存“数据库”，通常用于页面级的状态共享，通过@LocalStorageProp和@LocalStorageLink装饰器可以和UI联动。
  

UI层面

布局种类：

• 线性布局 (Row/Column)
  
• 层叠布局 (Stack)
  
• 弹性布局 (Flex)
  
• 相对布局 (RelativeContainer)
  
• 栅格布局 (GridRow/GridCol)
  
• 媒体查询 (@ohos.mediaquery)
  
• 创建列表 (List)
  
• 创建网格 (Grid/GridItem)
  
• 创建轮播 (Swiper)
  
• 选项卡 (Tabs)
  

常用组件

• 按钮 (Button)
  
• 单选框 (Radio)
  
• 切换按钮 (Toggle)
  
• 进度条 (Progress)
  
• 文本显示 (Text/Span)
  
• 文本输入 (TextInput/TextArea)
  
• 显示图片 (Image)
  
• 自定义弹窗 (CustomDialog)
  
• 视频播放 (Video)
  
• 自定义绘制 (XComponent)
  
• Native XComponent
  

 页面路由

文档中心

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-routing-V5
鸿蒙中嵌套web（偶然间可以相识，只在一次口试中问到）

文档中心

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ui-js-overview-V5
 最后在简历层面我再浅说几点：

1. 要写上鸿蒙的履历，最少一年吧。为什么这么写，兄弟们要明白，你第一关要过的是HR，至于口试官信不信那不重要，口试官关注的是技术点。
2. 在个人优势里要只管写鸿蒙相干的内容，基础也要写。照旧那句话HR要看。
3. 口试的时候会就是会，不会就是不会。鸿蒙都是刚起步，不会不丢人，不要模棱两可。
4. 口试的时候语速要慢，只管表达清晰。要自己先相信自己才能让口试官认可自己
5. 各人都是打工的，都是为了一个共同的方向在努力，没须要怯场，说话要平等大大方方的很重要
最后预祝各人口试乐成！
假如兄弟们想一起学习鸿蒙，或者有口试相干的题目，简历题目，或者想一起分享总结的。可以评论区留言，加个接洽方式，也可以私信弟弟。寒冬虽寒，但只要我们抱团取暖和，总有那一线生机。


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。