语言是 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、基础组件

helm更换镜像_数组

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值也会随之变化

helm更换镜像_自定义组件_02

helm更换镜像_自定义组件_03

2、声明式UI

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

3、 自定义组件
Text :
opacity 控制透明度
decoration 控制是否加下划线 加下划线 TextDecorationType.LineThrough 不加下划线 TextDecorationType.None
ForEarch
totalTashs:Array<String> = ['早','上','好','呀','哈']

helm更换镜像_自定义组件_04