当前位置: 首页 > news >正文

网站建设+青海wordpress社区功能

网站建设+青海,wordpress社区功能,白名单 网站,网页的设计流程是怎样的一、概述 ArkTS是鸿蒙生态的应用开发语言。它在保持TypeScript(简称TS)基本语法风格的基础上,对TS的动态类型特性施加更严格的约束,引入静态类型。同时,提供了声明式UI、状态管理等相应的能力,让开发者可以…

一、概述

        ArkTS是鸿蒙生态的应用开发语言。它在保持TypeScript(简称TS)基本语法风格的基础上,对TS的动态类型特性施加更严格的约束,引入静态类型。同时,提供了声明式UI、状态管理等相应的能力,让开发者可以以更简洁、更自然的方式开发高性能应用。

        简而言之,ArkTS是华为官方推荐的HarmonyOS开发的主力语言,它是华为自己开发的语言。由于HarmonyOS3.0之后就不再支持Java开发了,因此我们要在鸿蒙系统上开发app,就需要学习这门语言。

特点

  • 开发效率高,体验好

        ArkTS专注于移动端的开发,虽然传统的前端网页开发也同样可以实现,不过学过web前端的都知道,一个网页的实现需要同时使用HTML,JavaScript,CSS这三种不同语言,它们语法完全不同,开发体验并不良好。不过使用ArkTS开发移动端的话就没有这个问题了,仅仅这一种语言,一种语法,开发起来就比较舒服了。

比如这个,实现一个点击自增按钮,ArkTS所操作方式的完全就是 .属性(赋值)  进行操纵。这对于习惯使用Java开发的人来说可以说是非常舒服了。

  • 性能上并没有下降,执行性能非常高效

  • 而且还有多系统适配,接入能力

开发工具

DevEco Studio:HUAWEI DevEco Studio和SDK下载和升级 | HarmonyOS开发者

注意它需要node.js环境,版本最低不能低于14.19.1,最高不能高于17.0.0。

使用NVM实现多版本Node.js的版本共存和无缝切换_nodejs多版本共存-CSDN博客icon-default.png?t=N7T8https://blog.csdn.net/m0_56308072/article/details/130894356?spm=1001.2014.3001.5501

这样检测的时候没有报错就可以使用了,又报错直接点击后面的安装即可。


二、TypeScript基本语法

ArkTS是基于TypeScipt开发的,其语法也是十分的相似。因此我们需要先了解TypeScipt的基本语法,方便ArkTS的学习。

目录

  1. 变量声明
  2. 条件控制
  3. 循环迭代
  4. 函数
  5. 类和接口
  6. 模块开发

1、变量声明

TypeScript在JavaScript的基础上加入了静态的类型检查功能,因此与JavaScrpt那极其自由的语法不同,每一个变量都有固定的数据类型。

JS的语法:let msg = 'hello world'

TS的语法:let msg:string = '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具备面向对象编程的基本语法,例如interface,class,enum等。也具备封装、继承、多态等面向对象基本特征

吐槽:好像Java和JS杂交之后出来的产物。我们再来看一个既视感很强的例子

 

6、模块开发

应用复杂时,我们可以把通用功能抽取到单独的ts文件中,每个文件都是一个模块(module)。模块可以相互加载,提高代码复用性

 


三、ArkTS快速入门

项目创建

创建一个空项目

简单解释一下其中的配置项:

  • Project name是开发者可以自行设置的项目名称,这里根据自己选择修改为自己项目名称。
  • Bundle name是包名称,默认情况下应用ID也会使用该名称,应用发布时对应的ID需要保持一致。
  • Save location为工程保存路径,建议用户自行设置相应位置。
  • Compile SDK是编译的API版本,这里默认选择API9。
  • Model选择Stage模型,其他保持默认即可。

吐槽:怎么跟IDEA长得这么像

目录结构 

左边的目录大多是配置文件,用到的时候再讲,现在先将其切换为Ohos,IDE会自动将目录按照类型分类

  • 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%')}
}

 最终效果

http://www.yayakq.cn/news/998545/

相关文章:

  • 热门课程自己做网站云南网站建设
  • 公司建网站软件室内设计模拟app
  • 域名注册哪个网站最便宜网站搭建行业
  • 举报网站建设情况 汇报无锡手机网站制作费用
  • 红河个旧网站建设网页设计作品代码在哪里找
  • 西宁网站建设公司排名wordpress免费模版安装
  • 企业每月报账在哪个网站做快看影视大全官方下载
  • 做网站首页图片网站编辑超链接怎么做
  • 程序员必知的网站龙岗区建设规划网站
  • 番禺网站设计公司南通自助模板建站
  • 网站建设方案意见营销型网站建设公司比较专业
  • 做dnf辅助官方网站拥有自己的网站
  • 网站备案密码通管局如何做网站在售产品分析
  • 单页面的网站模板免费下载网页微信版可以加入腾讯会议吗
  • 找效果图的网站哪个好网站维护做啥的
  • 酷炫给公司网站欣赏建设网站注册会员
  • 企业网站优化做法搭建平台要多少钱
  • 云南公司网站开发知识付费做的最好的平台
  • html5建设摄影网站意义python开源网站源码
  • 网站建设微信营销wordpress 1.0
  • 系统数据库与建设网站中等职业学校网站建设模块
  • 三门峡建设网站网站建设jsp
  • 监控性能网站模板青龙桥网站建设
  • 引流网站建设教程西安响应式网站
  • 技术培训网站seo网络专员招聘
  • qq教程网站源码城市便捷酒店
  • 公司备案的网站被别的公司盗用手机网站定制
  • 做ppt找素材的网站wordpress 角色后台权限
  • 龙岗网站价格抚顺网站制作
  • 沈阳做购物网站电话教育类网站开发公司