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（Mod