网站制作平台建设,android网站客户端开发,视频服务器搭建,长春网站改版什么是ArkTS#xff1f;
ArkTS是一个为鸿蒙组件而生的框架#xff0c;语法亲人好用。基于TypeScript#xff0c;ArkTS拓展了声明式UI、状态管理等的能力#xff0c;从本质上来讲#xff0c;是TypeScript的扩展#xff0c;主要服务于前端。
ArkTS的开发可以满足“一次开…什么是ArkTS
ArkTS是一个为鸿蒙组件而生的框架语法亲人好用。基于TypeScriptArkTS拓展了声明式UI、状态管理等的能力从本质上来讲是TypeScript的扩展主要服务于前端。
ArkTS的开发可以满足“一次开发多端部署”的需求真正应用于华为全生态链。而且ArkTS支持低代码开发让“人人都是开发者”的理念得以实现。
什么是声明式UI
声明式UI是一种以声明方式定义用户界面的编程模型。它的核心思想是通过编写声明性的代码来描述用户界面的状态和外观而不是直接操作DOM文档对象模型或执行命令式操作。
常见的声明式UI开发框架有React、Vue.js、SwiftUI、Flutter等。声明式UI与命令式UI最大的区别在于注重的部分不同前者更注重描述和表达界面的最终呈现代码更加简洁而后者注重控制和界面的细节故而更加复杂。
声明式开发范式UI框架SwiftUI
SwiftUI这是苹果于2019年世界开发者大会中提出的新产品。其可以用于watchOS,tvOS,macOS等苹果旗下系统中的应用统一了苹果的UI框架。想要体验实时预览和完整的Xcode 11功能需要macOS 10.15 beta以上。
声明式开发范式UI框架ArkUI
ArkUI是一套构建分布式应用界面的声明式UI开发框架。它使用极简的UI信息语法、丰富的UI组件、以及实时界面预览工具帮助您提升HarmonyOS应用界面开发效率30%。
ArkTS开发流程 .ets、.ts是文件的格式也提示了开发的语言特性。毫无疑问这是TypeScript的扩展。webpack是一个现在的javaScript应用的静态模块化打包工具。Rollup 是一个用于 JavaScript 的模块打包工具ets-loader负责解析ets页面根据组件的tag标签创建对应的JsView对象生成jsView树。bundle.js是webpack的最终输出产物浏览器通过阅读bundle.js的内容来解析代码。可以将bundle.js理解为一个立即执行函数IIFE函数的输入是一个依赖拓扑图一个js对象浏览器通过分析依赖的先后顺序以 eval(code) 的形式运行代码。ArkUI是OpenHarmony的UI开发框架。ArkCompiler是主要用于开发OpenHarmony应用的组件化、可配置的多语言编译和运行平台目前支持JS、TS、Java。
ArkTS开发范式
Entry /*用作页面默认入口组件加载时首先创建*/
Component/*用作页面的类组件页面开始加载时扫描文件*/
struct Index {State message: string Hello World/*State State状态一般指的是装饰器装饰的数据。用户通过触发组件的事件方法改变状态数据。状态数据的改变引起UI的重新渲染。。*/build() {/*bulid函数里的语言统称为UI描述语言Entry装饰的自定义组件其build()函数下的根节点唯一且必要且必须为容器组件Component装饰的自定义组件其build()函数下的根节点唯一且必要可以为非容器组件*///六个不允许不允许声明本地变量//不允许直接使用console.info但允许在方法或者函数里使用//不允许创建本地的作用域//不允许switch语法//不允许调用除了被Builder装饰以外的方法允许系统组件的参数是TS方法的返回值//不允许使用表达式Column() {Text(Hello).fontSize(30)Text(this.message).fontSize(30)Button(){Text(Click Me).fontSize(30)}.onClick((){this.messageArkUI}).width(200).height(50)}}
}构建简单的ArkTS应用 上图是ArkTS工程的目录结构。
entryHarmonyOS工程模块编译构建生成一个HAP包。 HAPHarmonyOS Ability Package一个HAP文件包含应用的所有内容由代码、资源、三方库及应用配置文件组成其文件后缀名为.hap。 src/main/ets存放ArkTS源码。src/main/ets/MainAbility应用/服务的入口。src/main/ets/pages应用/服务包含的页面。src/mian/resources存放应用/服务所用到的资源文件。src/main/config.json模块配置文件主要包含HAP包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息。build-profile.json5当前的模块信息、编译信息配置项包括了buildOption、targets配置等。
属性方法简要介绍
ArkTS支持许多种属性方法
常量传递
Text(Hello World).fontSize(20)这个比较好理解和三件套语言的逻辑相似。
变量传递
import { Link, Prop } from arkts;class MyClass {Link(https://example.com)myLink: string;Prop(123)myNumber: number;Prop(true)myBoolean: boolean;Prop([option1, option2, option3])myEnumArray: string[];
}const myObject new MyClass();console.log(myObject.myLink); // 输出https://example.com
console.log(myObject.myNumber); // 输出123
console.log(myObject.myBoolean); // 输出true
console.log(myObject.myEnumArray); // 输出[option1, option2, option3]声明变量后继续调用变量。
链式调用
Text(Hello World).fontSize(20).width(100)链式调用允许我们连续地设置变量属性。
内置枚举类型
补充ArkTS支持传入初始值后自动识别数据类型。 枚举类型不同于其他数据类型。枚举类型在C#或C,java,VB等一些计算机编程语言中是一种基本数据类型而不是构造数据类型而在C语言等计算机编程语言中是一种构造数据类型 [1]。它用于声明一组命名的常数当一个变量有几种可能的取值时可以将它定义为枚举类型。 许多的枚举类型内置在了ArkTS中目前主要基于数字和字符串。比如Color属性
Text(Hello World).fontColor(Color.Red).fontSize(20)
