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

鸿蒙4.0开发笔记之ArkTs语言基础与基本组件结构(四)

文章声明:本文关于HarmonyOS系统的部分内容和描述借鉴于华为官网的“HarmonyOS开发者学堂”,有需要的也可以进入官网查看。<HarmonyOS第一课>ArkTS开发语言介绍

一、ArkTs语言介绍

ArkTS是鸿蒙系统(HarmonyOS)优选的主力应用开发语⾔。ArkTS围绕应⽤开发在TypeScript(简称TS)生态基础上做了进⼀步扩展,继承了TS的所有特性,是TS的超集,而TS又是 JavaScript 的一个超集。

  • JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
  • TypeScript 是 JavaScript 的一个超集,它扩展了 JavaScript 的语法,通过在JavaScript的基础上添加静态类型定义构建而成,是一个开源的编程语言。
  • ArkTS兼容TypeScript语言,拓展了声明式UI、状态管理、并发任务等能力。

ArkTS、TS和JS这三者之间的关系如下图所示:
1.1.1
因此,在学习ArkTS语言之前,建议开发者具备TS语言或JS语言的相关开发经验。

二、ArkTS在TS上的扩展

当前,ArkTS在TS的基础上主要扩展了如下能力:

  • (1)基本语法:ArkTS定义了声明式UI描述、自定义组件和动态扩展UI元素的能能,再配合ArkUI开发框架中的系统组件及其相关的事件方法、属性方法等共同构成了UI开发的主体。
  • (2)渲染控制:ArkTS提供了渲染控制的能力。条件渲染可根据应⽤的不同状态,渲染对应状态下的UI内容。循环渲染可从数据源中迭代获取数据,并在每次迭代过程中创建相应的组件。数据懒加载从数据源中按需迭代数据,并在每次迭代过程中创建相应的组件。
  • (3)状态管理:ArkTS提供了多维度的状态管理机制。在UI开发框架中,与UI相关联的数据可以在组件内使用,也可以在不同组件层级间传递,比如父子组件之间、爷孙组件之间,还可以在应⽤全局范围内传递或跨设备传递。另外,从数据的传递形式来看,可分为只读的单向传递和可变更的双向传递。开发者可以灵活的利⽤这些能⼒来实现数据和UI的联动。

未来,ArkTS会结合应⽤开发/运⾏的需求持续演进,逐步提供并⾏和并发能⼒增强、系统类型增强、分布式开发范式等更多特性。

三、ArkTS的基本组成

ArkTS的基本组成和组件名称如下:
3.1.1
组成一个基本ArkTS结构的各类装饰器和组件分别代表以下含义:

  • (1)装饰器:用于装饰类、结构、方法以及变量,并赋予其特殊的含义。如上述实例中@Entry、@Component和@State都是装饰器,@Component表示自定义组件,@Entry表示该自定义组件为入口组件,@State表示组件中的状态变量,状态变量变化会触发UI刷新。
  • (2)UI描述:以声明式的方式来描述UI的结构,例如build()方中的代码块。
  • (3)系统组件:ArkUI框架中默认内置的基础和容器组件,可直接被开发者调用,比如示例中的Column、Text、Divider、Button。
  • (4)属性方法:组件可以通过链式调⽤配置多项属性,如fontSize()、width()、height()、backgroundColor()等。
  • (5)事件方法:组件可以通过链式调用设置多个事件的响应逻辑,如跟随在Button后⾯的onClick()。
  • (6)自定义组件:可复⽤的UI单元,可组合其他组件,如上述被@Component装饰的struct Hello。
  • (7)自定义组件、系统组件、属性方法、事件方法具体使用可参考基于ArkTS的声明式开发范式。除此之外,ArkTS扩展了多种语法范式来使开发更加便捷:
    • @Builder/@BuilderParam:特殊的封装UI描述的方法,细粒度的封装和复用UI描述。
    • @Extend/@Style:扩展内置组件和封装属性样式,可以更灵活地组合内置组件。
    • stateStyles:多态样式,可以根据组件的内部状态的不同,从而设置不同的样式。

相关文章:

鸿蒙4.0开发笔记之ArkTs语言基础与基本组件结构(四)

文章声明&#xff1a;本文关于HarmonyOS系统的部分内容和描述借鉴于华为官网的“HarmonyOS开发者学堂”&#xff0c;有需要的也可以进入官网查看。<HarmonyOS第一课>ArkTS开发语言介绍 一、ArkTs语言介绍 ArkTS是鸿蒙系统&#xff08;HarmonyOS&#xff09;优选的主力应…...

Another app is currently holding the yum lock; waiting for it to exit...

今天使用yum进行下载的时候报错 解决办法&#xff1a; 执行 rm -f /var/run/yum.pid 然后重新运行yum指令即可&#xff0c;发现已经可以正常下载啦&#xff01;...

size和shape的区别与联系

对于Numpy数据类型 shape和size都是属于Numpy的属性 arr.shape 将返回一个包含两个元素的元组&#xff0c;例如 (m, n)&#xff0c;其中 m 表示数组的行数&#xff0c;n 表示数组的列数。arr.size 将返回数组中元素的总数。 举例: 输入&#xff1a; import numpy as np# 创…...

浅谈STL中的分配器

分配器是STL中的六大部件之一&#xff0c;是各大容器能正常运作的关键&#xff0c;但是对于用户而言确是透明的&#xff0c;它似乎更像是一个幕后英雄&#xff0c;永远也不会走到舞台上来&#xff0c;观众几乎看不到它的身影&#xff0c;但是它又如此的重要。作为用户&#xff…...

禁止指定电脑程序运行的2种方法

你可能要问了&#xff0c;为什么要禁止电脑程序运行呢&#xff0c;因为有的公司要净化公司的工作环境&#xff0c;防止某些刺头员工在公司电脑上瞎搞。也有部分家长&#xff0c;是为了防止自己家的孩子利用电脑乱下载东西。 今天就分享2种禁止指定电脑程序运行的方法&#xff1…...

【Redis】前言--redis产生的背景以及过程

一.介绍 为什么会出现Redis这个中间件&#xff0c;从原始的磁盘存储到Redis中间又发生了哪些事&#xff0c;下面进入正题 二.发展史 2.1 磁盘存储 最早的时候都是以磁盘进行数据存储&#xff0c;每个磁盘都有一个磁道。每个磁道有很多扇区&#xff0c;一个扇区接近512Byte。…...

Java面试-微服务篇-SpringCloud

Java面试-微服务篇-SpringCloud SpringCloud 常见组件注册中心Eureka, Nacos负载均衡Ribbon服务雪崩, 熔断降级微服务的监控来源 SpringCloud 常见组件 通常情况下 Eureka: 注册中心Ribbon: 负载均衡Feign: 远程调用Hystrix: 服务熔断Zuul/Gateway: 网关 SpringCloudAlibaba…...

Git使用详解

文章目录 ⭐️写在前面的话⭐️&#x1f4cc;What is it?Git的诞生 &#x1f308;Why learn it?集中式vs分布式 &#x1f9f2;Who does it?&#x1f388;When to use it? And Where to use it?&#x1f48a;How to use it?&#xff08;重点&#xff09;1、安装Git在Linux…...

智慧楼宇可视化视频综合管理系统,助力楼宇高效安全运行

随着互联网技术的进步和发展&#xff0c;智能化的楼宇建设也逐步成为人们选择办公场所是否方便的一个重要衡量因素。在智能化楼宇中&#xff0c;安全管理也是重要的一个模块。得益于互联网新兴技术的进步&#xff0c;安防视频监控技术也得到了快速发展并应用在楼宇的安全管理中…...

【opencv】计算机视觉:实时目标追踪

目录 前言 解析 深入探究 前言 目标追踪技术对于民生、社会的发展以及国家军事能力的壮大都具有重要的意义。它不仅仅可以应用到体育赛事当中目标的捕捉&#xff0c;还可以应用到交通上&#xff0c;比如实时监测车辆是否超速等&#xff01;对于国家的军事也具有一定的意义&a…...

生态对对碰|华为OceanStor闪存存储与OceanBase完成兼容性互认证!

近日&#xff0c;北京奥星贝斯科技有限公司 OceanBase 数据库与华为技术有限公司 OceanStor Dorado 全闪存存储系统、OceanStor 混合闪存存储系统完成兼容性互认证。 OceanBase 数据库挂载 OceanStor 闪存存储做为数据盘和日志盘&#xff0c;在 OceanStor 闪存存储系统卓越性能…...

微服务负载均衡器Ribbon

1.什么是Ribbon 目前主流的负载方案分为以下两种&#xff1a; 集中式负载均衡&#xff0c;在消费者和服务提供方中间使用独立的代理方式进行负载&#xff0c;有硬件的&#xff08;比如 F5&#xff09;&#xff0c;也有软件的&#xff08;比如 Nginx&#xff09;。 客户端根据…...

win10戴尔电脑安装操作系统遇到的问题MBR分区表只能安装GPT磁盘

首先按F2启动boot管理界面 调整启动盘的启动顺序&#xff0c;这里启动U盘为第一顺序。 第一步 选择安装程序的磁盘 第二步 转换磁盘为GPT磁盘 一般出现 磁盘0和1&#xff0c;说明存在两个盘 &#xff0c;这里两个盘不是说的是C盘和D盘的问题&#xff0c;而是在物理上实际存在…...

阿里云服务器(vgn7i-vws) anaconda(py39)+pytorch1.12.0(cu113)

用xshell连接ip地址&#xff0c;端口号22&#xff0c;输入用户密码 安装anaconda 2022 10 py3.9 wget https://repo.anaconda.com/archive/Anaconda3-2022.10-Linux-x86_64.sh sha256sum Anaconda3-2022.10-Linux-x86_64.sh #校验数据完整性 chmod ux Anaconda3-2022.10-…...

使用 STM32F7 和 TensorFlow Lite 开发低功耗人脸识别设备

本文旨在介绍如何使用 STM32F7 和 TensorFlow Lite框架开发低功耗的人脸识别设备。首先&#xff0c;我们将简要介绍 STM32F7 的特点和能力。接下来&#xff0c;我们将讨论如何使用 TensorFlow Lite 在 STM32F7 上实现人脸识别算法。然后&#xff0c;我们将重点关注如何优化系统…...

【wireshark】基础学习

TOC 查询tcp tcp 查询tcp握手请求的代码 tcp.flags.ack 0 确定tcp握手成功的代码 tcp.flags.ack 1 确定tcp连接请求的代码 tcp.flags.ack 0 and tcp.flags.syn 1 3次握手后确定发送成功的查询 tcp.flags.fin 1 查询某IP对外发送的数据 ip.src_host 192.168.73.134 查询某…...

使用Java连接Hbase

我在网上试 了很多代码&#xff0c;但是大部分都不能实现&#xff0c;Java连接Hbase&#xff0c;一直报一个错 java.util.concurrent.ExecutionException: org.apache.zookeeper.KeeperException$NoNodeException: KeeperErrorCode NoNode for /hbase/hbaseid一直也不清楚为什…...

OCR是什么意思,有哪些好用的OCR识别软件?

1. 什么是OCR&#xff1f; OCR&#xff08;Optical Character Recognition&#xff09;是一种光学字符识别技术&#xff0c;它可以将印刷体文字转换为可编辑的电子文本。OCR技术通过扫描和分析图像中的文字&#xff0c;并将其转化为计算机可识别的文本格式&#xff0c;从而…...

Springmvc实现增删改差

一、包结构 二、各层代码 (1)数据User public class User {private Integer id;private String userName;private String note;public User() {super();}public User(Integer i, String userName, String note) {super();this.id i;this.userName userName;this.note note;…...

CentOS 7 使用cJSON 库

什么是JSON JSON是一种轻量级的数据交换格式&#xff0c;可读性强、编写简单。键值对组合编写规则&#xff0c;键名使用双引号包裹&#xff0c;冒号&#xff1a;分隔符后面紧跟着数值&#xff0c;有两种常用的数据类型是对象和数组。 对象&#xff1a;使用花括号{}包裹起来的…...

Windows Cleaner:开源系统优化工具的高效磁盘空间释放方案

Windows Cleaner&#xff1a;开源系统优化工具的高效磁盘空间释放方案 【免费下载链接】WindowsCleaner Windows Cleaner——专治C盘爆红及各种不服&#xff01; 项目地址: https://gitcode.com/gh_mirrors/wi/WindowsCleaner 当Windows系统运行时间超过3个月&#xff0…...

Windows Cleaner终极指南:5步彻底解决C盘爆红问题

Windows Cleaner终极指南&#xff1a;5步彻底解决C盘爆红问题 【免费下载链接】WindowsCleaner Windows Cleaner——专治C盘爆红及各种不服&#xff01; 项目地址: https://gitcode.com/gh_mirrors/wi/WindowsCleaner Windows Cleaner是一款完全免费开源的Windows系统清…...

个性化推荐系统

第4天-2&#xff1a;个性化推荐系统&#x1f3af; 掘金标题&#xff1a;&#x1f4ca; 基于用户行为的博客文章推荐系统实战&#xff08;附完整代码&#xff09; &#x1f4dd; CSDN标题&#xff1a;Vue 3 Pinia LocalStorage 实现无后端推荐系统前言 当博客文章越来越多时&a…...

Linux内核SCSI错误处理实战:当你的硬盘IO卡住或报错时,内核到底做了什么?

Linux内核SCSI错误处理实战&#xff1a;当硬盘IO卡住时内核的救援行动 那块标着"企业级"的硬盘突然停止响应时&#xff0c;我正喝着第三杯咖啡。监控系统疯狂报警&#xff0c;数据库查询开始排队&#xff0c;而iostat显示的await数值正以每秒100ms的速度攀升。作为运…...

Claude Code每日更新速览(v2.1.114)-2026/04/20

本文前言&#xff1a;ClaudeCode最新版本v2.1.113/114带来多项重要更新&#xff1a;1.安全方面强化沙箱控制&#xff0c;新增域名黑名单功能&#xff0c;修复高危漏洞如Bash命令绕过问题&#xff1b;2.交互体验优化终端URL显示、多行编辑快捷键&#xff0c;改进全屏模式操作&am…...

别再为BGA扇出挠头了!用Allegro的无盘设计,轻松搞定0.8mm间距芯片的走线

突破BGA布线极限&#xff1a;Allegro无盘设计实战指南 在当今高速PCB设计领域&#xff0c;BGA封装芯片的布线挑战日益严峻。当面对0.8mm甚至更小间距的BGA芯片时&#xff0c;传统布线方法往往捉襟见肘——差分对无法保持等长、电源通道拥挤不堪、过孔区域几乎无处下脚。这些困境…...

初阶linux2( Linux 环境基础开发工具使用指南)

&#x1f4da; 目录&#xff08;俏皮版&#xff09; &#x1f373; 一、软件管家 yum —— 做饭先备料 查看菜谱&#xff08;软件包&#xff09; 点菜安装 撤菜卸载 文件搬运工 rzsz ✍️ 二、编辑器 vim —— 键盘上的指尖芭蕾 三种核心模式 基本操作&#xff1a;进、写、退 正…...

MySQL触发器处理死锁的防范方法_MySQL高并发触发器优化

触发器中避免跨表写操作、禁止SELECT...FOR UPDATE、不依赖MAX(id)等自增推导&#xff0c;推荐应用层异步处理或预分配ID&#xff0c;并通过死锁日志和performance_schema定位问题。触发器里别碰其他表的写操作死锁在触发器里爆发&#xff0c;八成是因为它偷偷去改了别的表。比…...

训练时train loss和val loss的‘爱恨情仇’:从曲线看懂模型到底在干嘛(附调参实战)

训练时train loss和val loss的‘爱恨情仇’&#xff1a;从曲线看懂模型到底在干嘛&#xff08;附调参实战&#xff09; 盯着训练日志里两条纠缠不清的loss曲线&#xff0c;是不是像在看一场情感大戏&#xff1f;train loss像热情似火的追求者&#xff0c;val loss则像若即若离的…...

压差控制洁净工程:从洁净边界到系统稳定的完整解析

一、什么是压差控制洁净工程&#xff1f;压差控制洁净工程&#xff0c;是指在洁净厂房、实验室、生物医药空间、电子制造车间、检测中心以及其他受控环境中&#xff0c;通过送风、回风、排风、围护密封、自控调节和实时监测等手段&#xff0c;建立并维持不同房间之间稳定压力梯…...