HarmonyOS 学习

语言是 ArkTS UI框架是ArkUI

TypeScript

1、基础类型

布尔类型：boolean

浮点型：number

字符串：string

数组：数组：number[]

数组泛型：Array<number>

元组：let x：[string,number]

枚举：enum Color{Red,Green,Blue}

unknown:不清楚的类型

void：函数没有返回值的时候，通常返回类型是void null 和 underfined。

联合类型：let myFoot：string|number

打印日志：console.log('')

2、条件语句：

if else switch break

3、函数：function

可选参数 加问号即可 剩余参数 使用省略号

箭头函数：匿名函数的简写

4、类和继承

类：class。继承extends

用了export关键字的类，才可以用import导入 export class NewsData{ }

import {NewsData} from '../common/bean/NewsData'

5、迭代器

for ...in循环得到数组下标

for ...of循环得到数字的值

ArkTS

1、基础组件

struct：自定义组件，组件的数据结构

@Component:组件装饰器

@Entry : 页面的入口组件，一个页面只能有一个

生命周期：aboutToAppear 自定义组件实例创建

aboutToDisappear 自定义组件实例被销毁，释放不在使用的资源

onpageshow 页面显示

onbackpress 返回 默认返回false，return true的时候由用户自己处理

onpagehide 页面消失

@Link不需要初始化，@State都需要初始化

@Link不能在组件内部进行初始化

@state：装饰的变量是组件内部的状态数据，当状态数据被修改时，会自动进行UI刷新

@Link:装饰的变量可以和父组件的@state变量建立双向数据棒定，任何一方的修改都会反映给另一方

Ps:对下面例子都说明：

子组件:TitleComponent

由于isRefreshData在子组件中是使用Link修饰的，在父组件中必须引用初始化，通过$符号来创建饮用

使子组件中的isRefreshData和父组件中的isSwitchDataSource，建立双向数据绑定

当子组件中isRefreshData的值变化时，父组件中的isSwitchDataSource值也会随之变化

Ps:对下面例子都说明：

子组件:TitleComponent

由于isRefreshData在子组件中是使用Link修饰的，在父组件中必须引用初始化，通过$符号来创建饮用

使子组件中的isRefreshData和父组件中的isSwitchDataSource，建立双向数据绑定

当子组件中isRefreshData的值变化时，父组件中的isSwitchDataSource值也会随之变化

2、声明式UI

特征：1⃣️声明式描述 2⃣️状态驱动视图更新

3、 自定义组件

Text ：

opacity 控制透明度

decoration 控制是否加下划线 加下划线 TextDecorationType.LineThrough 不加下划线 TextDecorationType.None

ForEarch

totalTashs:Array<String> = ['早','上','好','呀','哈']