HarmonyOS JS布局开发指南(包含示例代码)

JS UI 特性

1、支持声明式编程

JS UI 框架采用类HTML和CSS声明式编程语言作为页面布局和页面样式的开发语言,页面业务逻辑支持ECMAScript 规范和 Javascript 语言。JS UI 框架提供的声明式编程,可以让开发者避免编写UI状态切换的代码,视图配置信息更加直观。

2、跨设备的特性

开发框架架构上支持UI跨设备显示能力,运行时自动映射到不同的设备类型,开发者无感知,降低开发者多设备适配成本。

3、高性能的特性

开发框架包含了许多核心的控件,如列表、图片和各类容器组件等,针对声明式语法进行了渲染流程的优化。

JS UI的整体架构

JS UI框架包括应用层(Application)、前端框架层(Framework)、引擎层(Engine)和平台适配层(Porting Layer)

  • Application:应用层开发者接触最多的一层,在这一层可以通过框架层提供的能力来通过JS来开发上层应用
  • Framework:前端框架成主要完成页面解析,以及提供MVVM(Mode-View-ViewModel)开发模式、页面路由机制和自定义组件等能力;
  • Engine:引擎层主要提供动画解析、DOM(Document Object Model)树构建、布局计算、渲染命令构建与绘制、事件管理等能力;
  • Porting Layer:适配层主要完成对平台层进行抽象,提供抽象接口,可以对接到系统平台。比如:事件对接、渲染管线对接和系统生命周期对接等。

开发指南

JS UI框架支持纯 Javascript、Javascript和Java混合语言开发。JS FA 指基于Javascript或Javascript和Java混合开发的FA、FA在HarmonyOS上运行时需要的基类AceAbility

AceAbility基类

如果觉得文章有帮助到你,可以扫描以下二维码
   请本文作者 喝一杯
pay_weixin pay_weixin

发表评论

电子邮件地址不会被公开。 必填项已用*标注