新聞中心
JS UI 框架是一種跨設(shè)備的高性能 UI 開發(fā)框架,支持聲明式編程和跨設(shè)備多態(tài) UI。

閱讀本開發(fā)指南前,開發(fā)者需要掌握以下基礎(chǔ)知識(shí):
- HTML5
- CSS
- JavaScript
基礎(chǔ)能力
- 聲明式編程
JS UI 框架采用類 HTML 和 CSS 聲明式編程語(yǔ)言作為頁(yè)面布局和頁(yè)面樣式的開發(fā)語(yǔ)言,頁(yè)面業(yè)務(wù)邏輯則支持 ECMAScript 規(guī)范的 JavaScript 語(yǔ)言。JS UI 框架提供的聲明式編程,可以讓開發(fā)者避免編寫 UI 狀態(tài)切換的代碼,視圖配置信息更加直觀。
- 跨設(shè)備
開發(fā)框架架構(gòu)上支持 UI 跨設(shè)備顯示能力,運(yùn)行時(shí)自動(dòng)映射到不同設(shè)備類型,開發(fā)者無(wú)感知,降低開發(fā)者多設(shè)備適配成本。
- 高性能
開發(fā)框架包含了許多核心的控件,如列表、圖片和各類容器組件等,針對(duì)聲明式語(yǔ)法進(jìn)行了渲染流程的優(yōu)化。
整體架構(gòu)
JS UI框架包括應(yīng)用層(Application)、前端框架層(Framework)、引擎層(Engine)和平臺(tái)適配層(Porting Layer)。
- Application
應(yīng)用層表示開發(fā)者使用 JS UI 框架開發(fā)的 FA 應(yīng)用,這里的 FA 應(yīng)用特指 JS FA 應(yīng)用。使用 Java 開發(fā) FA 應(yīng)用請(qǐng)參考 Java UI框架。
- Framework
前端框架層主要完成前端頁(yè)面解析,以及提供 MVVM(Model-View-ViewModel )開發(fā)模式、頁(yè)面路由機(jī)制和自定義組件等能力。
- Engine
引擎層主要提供動(dòng)畫解析、DOM(Document Object Model)樹構(gòu)建、布局計(jì)算、渲染命令構(gòu)建與繪制、事件管理等能力。
- Porting Layer
適配層主要完成對(duì)平臺(tái)層進(jìn)行抽象,提供抽象接口,可以對(duì)接到系統(tǒng)平臺(tái)。比如:事件對(duì)接、渲染管線對(duì)接和系統(tǒng)生命周期對(duì)接等。
當(dāng)前名稱:創(chuàng)新互聯(lián)鴻蒙OS教程:鴻蒙OSJSUI概述
網(wǎng)站URL:http://www.5511xx.com/article/djgdpjo.html


咨詢
建站咨詢
