HarmonyOS JS UI框架开发指南讲解
时间:2023-05-25 07:10:23
这篇文章主要介绍了HarmonyOS JS UI框架开发指南讲解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
HarmonyOS 简介
华为鸿蒙系统 [1] (HUAWEI HarmonyOS),是华为在2019年8月9日于东莞举行华为开发者大会,正式发布的操作系统鸿蒙OS。
HarmonyOS 是华为基于开源项目OpenHarmony 开发的面向多种全场景智能设备的商用版本。
华为鸿蒙系统是一款全新的面向全场景的分布式操作系统,创造一个超级虚拟终端互联的世界,将人、设备、场景有机地联系在一起,将消费者在全场景生活中接触的多种智能终端实现极速发现、极速连接、硬件互助、资源共享,用合适的设备提供场景体验。
概述
JS UI框架是一种跨设备的高性能UI开发框架,支持声明式编程和跨设备多态UI。
阅读本开发指南前,开发者需要掌握以下基础知识:
HTML5
CSS
JavaScript
关于组件和接口的详细参考文档请参见JS API参考。
说明
本文档适用于手机(Phone)、平板(Tablet)、智慧屏(TV)和智能穿戴(Wearable)应用开发,针对轻量级智能穿戴(LiteWearable)请参考轻量级智能穿戴开发。
基础能力
声明式编程
JS UI框架采用类HTML和CSS声明式编程语言作为页面布局和页面样式的开发语言,页面业务逻辑则支持ECMAScript规范的JavaScript语言。JS UI框架提供的声明式编程,可以让开发者避免编写UI状态切换的代码,视图配置信息更加直观。
跨设备
开发框架架构上支持UI跨设备显示能力,运行时自动映射到不同设备类型,开发者无感知,降低开发者多设备适配成本。
高性能
开发框架包含了许多核心的控件,如列表、图片和各类容器组件等,针对声明式语法进行了渲染流程的优化。
整体架构
JS UI框架包括应用层(Application)、前端框架层(Framework)、引擎层(Engine)和平台适配层(Porting Layer)。
Application
应用层表示开发者使用JS UI框架开发的FA应用,这里的FA应用特指JS FA应用。使用Java开发FA应用请参考Java UI框架。
Framework
前端框架层主要完成前端页面解析,以及提供MVVM(Model-View-ViewModel)开发模式、页面路由机制和自定义组件等能力。
Engine
引擎层主要提供动画解析、DOM(Document Object Model)树构建、布局计算、渲染命令构建与绘制、事件管理等能力。
Porting Layer
适配层主要完成对平台层进行抽象,提供抽象接口,可以对接到系统平台。比如:事件对接、渲染管线对接和系统生命周期对接等。
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
微信登陆好友验证怎么取消
![](https://img.aspxhome.com/file/2023/3/a191583_0s.jpg)
怎样用手机注册支付宝账号?用手机快速注册支付宝账号的方法
![](https://img.aspxhome.com/file/2023/0/44540_0s.jpg)
支付宝中怎么找到理财月报?支付宝中找到理财月报的方法
![](https://img.aspxhome.com/file/2023/9/44509_0s.png)
鸿蒙系统怎么设置单手模式?鸿蒙系统单手模式设置方法
![](https://img.aspxhome.com/file/2023/6/43836_0s.jpg)
ipad4 ios7完美越狱好不好?
iphone苹果手机勿扰模式怎么设置
![](https://img.aspxhome.com/file/2023/2/a190472_0s.jpg)
iPhone 12还会有刘海屏吗?
![](https://img.aspxhome.com/file/2023/9/a195619_0s.jpg)
iPhone 13手机如何删除日历广告?
![](https://img.aspxhome.com/file/2023/4/45404_0s.png)
如何查看自己微信朋友圈历史信息
![](https://img.aspxhome.com/file/2023/4/a194114_0s.jpg)
[酷玩配件]ipad变身POS收银机
![](https://img.aspxhome.com/file/2023/1/a188951_0s.jpg)
使用 iPhone 下载应用的一些小技巧
![](https://img.aspxhome.com/file/2023/5/a196995_0s.jpg)
iPhone14到手后要做哪些设置?
![](https://img.aspxhome.com/file/2023/1/44711_0s.png)
iPhone 使用 USB-C to Lightning 数据线传输文件是否会更快?
![](https://img.aspxhome.com/file/2023/9/a197889_0s.jpg)
iphone怎么分屏
![](https://img.aspxhome.com/file/2023/9/a190579_0s.png)
iPhone 14系列哪天开售?
![](https://img.aspxhome.com/file/2023/8/45168_0s.png)
教你做iphone听筒防尘塞
如何关注云南电信微信公众号
![](https://img.aspxhome.com/file/2023/7/54917_0s.jpg)
微信医保怎么查询缴费记录
![](https://img.aspxhome.com/file/2023/9/a191129_0s.jpg)
苹果手机微信重新导入数据库失败怎么解决
iPhone版QQ v6.5.8更新内容
![](https://img.aspxhome.com/file/2023/1/a189671_0s.jpg)