创新互联鸿蒙OS教程:鸿蒙OSJSUI概述

JS UI 框架是一种跨设备的高性能 UI 开发框架,支持声明式编程和跨设备多态 UI。

阅读本开发指南前,开发者需要掌握以下基础知识:

  • HTML5
  • CSS
  • JavaScript

基础能力

  • 声明式编程

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

适配层主要完成对平台层进行抽象,提供抽象接口,可以对接到系统平台。比如:事件对接、渲染管线对接和系统生命周期对接等。

当前文章:创新互联鸿蒙OS教程:鸿蒙OSJSUI概述
网页链接:http://www.shufengxianlan.com/qtweb/news7/342607.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联