harmonyos的jsUI框架简述
概述
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)。前端ui框架是什么意思
Application
应⽤层表⽰开发者使⽤JS UI框架开发的应⽤,这⾥的FA应⽤特指JS FA应⽤。使⽤Java开发FA应⽤请参考。
Framework
前端框架层主要完成前端页⾯解析,以及提供MVVM(Model-View-ViewModel)开发模式、页⾯路由机制和⾃定义组件等能⼒。
Engine
引擎层主要提供动画解析、DOM(Document Object Model)树构建、布局计算、渲染命令构建与绘制、事件管理等能⼒。
Porting Layer
适配层主要完成对平台层进⾏抽象,提供抽象接⼝,可以对接到系统平台。⽐如:事件对接、渲染管线对接和系统⽣命周期对接等。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论