harmonyos的js UI框架简述

harmonyos的js UI框架简述支持声明式编程和跨设备多态UI。

概述

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

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

  1. HTML5
  2. CSS
  3. JavaScript

基础能力

  • 声明式编程

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

  • 跨设备

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

  • 高性能

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

整体架构

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

0000000000011111111.20200909202814.17751735972870727463599032170647:50510909131850:2800:16977F2537DB05B3B2E955A1A62B1D7C6251211AE1AE575113F9D2E10D12A000.png?needInitFileName=true?needInitFileName=true?needInitFileName=true

  • Application

应用层表示开发者使用JS UI框架开发的FA应用,这里的FA应用特指JS FA应用。使用Java开发FA应用请参考Java UI框架

  • Framework

前端框架层主要完成前端页面解析,以及提供MVVM(Model-View-ViewModel)开发模式、页面路由机制和自定义组件等能力。

  • Engine

引擎层主要提供动画解析、DOM(Document Object Model)树构建、布局计算、渲染命令构建与绘制、事件管理等能力。

  • Porting Layer

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

  • 发表于 2020-09-17 15:54
  • 阅读 ( 36 )

0 条评论

请先 登录 后评论

作家榜 »

  1. 库库巴 56 文章
  2. 素质教育的漏网之鱼 39 文章
  3. 特效搬运工 31 文章
  4. 噢嚯 3 文章
  5. admin 1 文章
  6. 手机用户7182 0 文章
  7. Axizs 0 文章
  8. 哄哄 0 文章