1# JS UI框架概述<a name="ZH-CN_TOPIC_0000001064068634"></a> 2 3- [基础能力](#section1393616301083) 4- [整体架构](#section105231413161115) 5 6JS UI框架是OpenHarmony UI开发框架，提供基础类、容器类、画布类等UI组件和标准CSS动画能力，支持类Web范式编程。 7 8## 基础能力<a name="section1393616301083"></a> 9 10- **类Web范式编程** 11 12 JS UI框架采用类HTML和CSS Web编程语言作为页面布局和页面样式的开发语言，页面业务逻辑则支持ECMAScript规范的JavaScript语言。JS UI框架提供的类Web编程范式，可以让开发者避免编写UI状态切换的代码，视图配置信息更加直观。 13 14 15 16## 整体架构<a name="section105231413161115"></a> 17 18JS UI框架包括应用层（Application）、前端框架层（Framework）、引擎层（Engine）和平台适配层（Porting Layer）。 19 20 21 22- **Application** 23 24 应用层表示开发者使用JS UI框架开发的FA应用，这里的FA应用特指JS FA应用。 25 26- **Framework** 27 28 前端框架层主要完成前端页面解析，以及提供MVVM（Model-View-ViewModel）开发模式、页面路由机制和自定义组件等能力。 29 30- **Engine** 31 32 引擎层主要提供动画解析、DOM（Document Object Model）树构建、布局计算、渲染命令构建与绘制、事件管理等能力。 33 34- **Porting Layer** 35 36 适配层主要完成对平台层进行抽象，提供抽象接口，可以对接到系统平台。比如：事件对接、渲染管线对接和系统生命周期对接等。 37 38 39
