番禺本地网站,网站开发需求说明书,百度图片查找,oss做下载网站一、概述 ArkTS是鸿蒙生态的应用开发语言。它在保持TypeScript#xff08;简称TS#xff09;基本语法风格的基础上#xff0c;对TS的动态类型特性施加更严格的约束#xff0c;引入静态类型。同时#xff0c;提供了声明式UI、状态管理等相应的能力#xff0c;让开发者可以…一、概述 ArkTS是鸿蒙生态的应用开发语言。它在保持TypeScript简称TS基本语法风格的基础上对TS的动态类型特性施加更严格的约束引入静态类型。同时提供了声明式UI、状态管理等相应的能力让开发者可以以更简洁、更自然的方式开发高性能应用。 简而言之ArkTS是华为官方推荐的HarmonyOS开发的主力语言它是华为自己开发的语言。由于HarmonyOS3.0之后就不再支持Java开发了因此我们要在鸿蒙系统上开发app就需要学习这门语言。 特点
开发效率高体验好 ArkTS专注于移动端的开发虽然传统的前端网页开发也同样可以实现不过学过web前端的都知道一个网页的实现需要同时使用HTMLJavaScriptCSS这三种不同语言它们语法完全不同开发体验并不良好。不过使用ArkTS开发移动端的话就没有这个问题了仅仅这一种语言一种语法开发起来就比较舒服了。 比如这个实现一个点击自增按钮ArkTS所操作方式的完全就是 .属性赋值 进行操纵。这对于习惯使用Java开发的人来说可以说是非常舒服了。
性能上并没有下降执行性能非常高效 而且还有多系统适配接入能力 开发工具
DevEco StudioHUAWEI DevEco Studio和SDK下载和升级 | HarmonyOS开发者 注意它需要node.js环境版本最低不能低于14.19.1最高不能高于17.0.0。
使用NVM实现多版本Node.js的版本共存和无缝切换_nodejs多版本共存-CSDN博客https://blog.csdn.net/m0_56308072/article/details/130894356?spm1001.2014.3001.5501 这样检测的时候没有报错就可以使用了又报错直接点击后面的安装即可。 二、TypeScript基本语法 ArkTS是基于TypeScipt开发的其语法也是十分的相似。因此我们需要先了解TypeScipt的基本语法方便ArkTS的学习。 目录
变量声明条件控制循环迭代函数类和接口模块开发 1、变量声明
TypeScript在JavaScript的基础上加入了静态的类型检查功能因此与JavaScrpt那极其自由的语法不同每一个变量都有固定的数据类型。 JS的语法let msg hello world TS的语法let msgstring hello world 其实就是在JS的基础上多了一步声明数据类型。 想要编写一下代码对语法进行练习和熟悉可以使用TypeScript官方网站上的在线编写TypeScript: TS Playground - An online editor for exploring TypeScript and JavaScript
直接在这里练习就行了。 2、 条件控制
TypeScript与大多数开发语言类似支持基于if-else和switch的条件控制 是JavaScript中的一个特殊运算符它会严格要求两个比较的数据的数据类型TypeScript将其继承了下来。
因为在JavaScript是一门弱类型语言它不强调数据的类型字符串21 整型21 始终为true所有有了这个运算符比较一下数据类型。
其次还有一个需要注意的一点是 在TypeScript中空字符串、0、null、undefined都被认为是false。
因此你可以直接将一个变量作为一个判断的标准这点与C很相似。 3、循环迭代
TypeScript支持for和while循环并且为一些内置类型如Array等提供了快捷迭代的语法 相信有编程基础的大家都快把循环语句写烂了。 4、函数
TypeScript通常利用function关键字声明函数并且支持可选参数默认参数箭头函数等特殊语法 可选参数就是直接在参数后面加上 默认参数就是直接在参数中赋值注意此时如果有参数传递时就用传递来的参数没有参数传入时默认参数才会生效 5、类和接口
TypeScript具备面向对象编程的基本语法例如interfaceclassenum等。也具备封装、继承、多态等面向对象基本特征 吐槽好像Java和JS杂交之后出来的产物。我们再来看一个既视感很强的例子 6、模块开发
应用复杂时我们可以把通用功能抽取到单独的ts文件中每个文件都是一个模块module。模块可以相互加载提高代码复用性 三、ArkTS快速入门
项目创建
创建一个空项目 简单解释一下其中的配置项 Project name是开发者可以自行设置的项目名称这里根据自己选择修改为自己项目名称。Bundle name是包名称默认情况下应用ID也会使用该名称应用发布时对应的ID需要保持一致。Save location为工程保存路径建议用户自行设置相应位置。Compile SDK是编译的API版本这里默认选择API9。Model选择Stage模型其他保持默认即可。 吐槽怎么跟IDEA长得这么像 目录结构
左边的目录大多是配置文件用到的时候再讲现在先将其切换为OhosIDE会自动将目录按照类型分类 AppScope主要用于存放整个应用公共的信息与资源entry入口初始模块。用于存放编写的代码文件 configuration存放相应模块的配置文件resource对应模块内的公共资源entryability存放ability文件用于当前ability应用逻辑和生命周期管理。pages存放UI界面相关代码文件初始会生成一个Index页面。最外层的configuration则是存放工程应用级的配置文件 既然是鸿蒙移动端开发那么就需要一个鸿蒙系统的手机。不过我们不需要真的去购买一台手机IDE中有自带的模拟器。
点击右侧的Previewer即可看到index.ets文件的效果ArkTS写的文件后缀统一叫.ets index.ets代码解释 逻辑清晰了之后我们可以尝试使用官方的ArkUI直接拼接一个页面出来这里仅展示一下后面会具体学习ArkUI 其页面的基本骨架就是如此
Entry
Component
struct Index {build() {}
}
拼接UI
Entry
Component
struct Index {build() {Column({space: 20}){Image(logo.png)TextInput({placeholder: 用户名})TextInput({placeholder: 密码}).type(InputType.Password).showPasswordIcon(true)Button(登录)Row(){Checkbox()Text(记住我).fontColor(#36D)}}.width(100%)}
} 最终效果
