HarmonyOS JS UI框架開(kāi)發(fā)指南講解

HarmonyOS 簡(jiǎn)介
華為鴻蒙系統(tǒng) [1] (HUAWEI HarmonyOS),是華為在2019年8月9日于東莞舉行華為開(kāi)發(fā)者大會(huì),正式發(fā)布的操作系統(tǒng)鴻蒙OS。
HarmonyOS 是華為基于開(kāi)源項(xiàng)目OpenHarmony 開(kāi)發(fā)的面向多種全場(chǎng)景智能設(shè)備的商用版本。
華為鴻蒙系統(tǒng)是一款全新的面向全場(chǎng)景的分布式操作系統(tǒng),創(chuàng)造一個(gè)超級(jí)虛擬終端互聯(lián)的世界,將人、設(shè)備、場(chǎng)景有機(jī)地聯(lián)系在一起,將消費(fèi)者在全場(chǎng)景生活中接觸的多種智能終端實(shí)現(xiàn)極速發(fā)現(xiàn)、極速連接、硬件互助、資源共享,用合適的設(shè)備提供場(chǎng)景體驗(yàn)。
概述
JS UI框架是一種跨設(shè)備的高性能UI開(kāi)發(fā)框架,支持聲明式編程和跨設(shè)備多態(tài)UI。
閱讀本開(kāi)發(fā)指南前,開(kāi)發(fā)者需要掌握以下基礎(chǔ)知識(shí):
- HTML5
- CSS
- JavaScript
關(guān)于組件和接口的詳細(xì)參考文檔請(qǐng)參見(jiàn)JS API參考。
說(shuō)明
本文檔適用于手機(jī)(Phone)、平板(Tablet)、智慧屏(TV)和智能穿戴(Wearable)應(yīng)用開(kāi)發(fā),針對(duì)輕量級(jí)智能穿戴(LiteWearable)請(qǐng)參考輕量級(jí)智能穿戴開(kāi)發(fā)。
基礎(chǔ)能力
聲明式編程
JS UI框架采用類(lèi)HTML和CSS聲明式編程語(yǔ)言作為頁(yè)面布局和頁(yè)面樣式的開(kāi)發(fā)語(yǔ)言,頁(yè)面業(yè)務(wù)邏輯則支持ECMAScript規(guī)范的JavaScript語(yǔ)言。JS UI框架提供的聲明式編程,可以讓開(kāi)發(fā)者避免編寫(xiě)UI狀態(tài)切換的代碼,視圖配置信息更加直觀(guān)。
跨設(shè)備
開(kāi)發(fā)框架架構(gòu)上支持UI跨設(shè)備顯示能力,運(yùn)行時(shí)自動(dòng)映射到不同設(shè)備類(lèi)型,開(kāi)發(fā)者無(wú)感知,降低開(kāi)發(fā)者多設(shè)備適配成本。
高性能
開(kāi)發(fā)框架包含了許多核心的控件,如列表、圖片和各類(lèi)容器組件等,針對(duì)聲明式語(yǔ)法進(jìn)行了渲染流程的優(yōu)化。
整體架構(gòu)
JS UI框架包括應(yīng)用層(Application)、前端框架層(Framework)、引擎層(Engine)和平臺(tái)適配層(Porting Layer)。
Application
應(yīng)用層表示開(kāi)發(fā)者使用JS UI框架開(kāi)發(fā)的FA應(yīng)用,這里的FA應(yīng)用特指JS FA應(yīng)用。使用Java開(kāi)發(fā)FA應(yīng)用請(qǐng)參考Java UI框架。
Framework
前端框架層主要完成前端頁(yè)面解析,以及提供MVVM(Model-View-ViewModel)開(kāi)發(fā)模式、頁(yè)面路由機(jī)制和自定義組件等能力。
Engine
引擎層主要提供動(dòng)畫(huà)解析、DOM(Document Object Model)樹(shù)構(gòu)建、布局計(jì)算、渲染命令構(gòu)建與繪制、事件管理等能力。
Porting Layer
適配層主要完成對(duì)平臺(tái)層進(jìn)行抽象,提供抽象接口,可以對(duì)接到系統(tǒng)平臺(tái)。比如:事件對(duì)接、渲染管線(xiàn)對(duì)接和系統(tǒng)生命周期對(duì)接等。
到此這篇關(guān)于HarmonyOS JS UI框架開(kāi)發(fā)指南講解的文章就介紹到這了,更多相關(guān)HarmonyOS JS UI框架開(kāi)發(fā)指南內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
相關(guān)文章
HarmonyOS2如何新增APP萬(wàn)能卡片?HarmonyOS2新增APP萬(wàn)能卡片
HarmonyOS2更新后的小伙伴在首頁(yè)可以看到APP下方有一個(gè)小橫條,這就是新增的APP萬(wàn)能卡片,那么大家知道這個(gè)APP萬(wàn)能卡片怎么使用嗎?下面小編就來(lái)教給大家,一起來(lái)看看2021-08-12華為鴻蒙HarmonyOS API更新內(nèi)容:重點(diǎn) SDK 變更,還有 Java API、JS AP
今天小編為大家?guī)?lái)了華為鴻蒙HarmonyOS API更新內(nèi)容,感興趣的朋友可以一起看看2021-06-30華為鴻蒙HarmonyOS 2.0開(kāi)發(fā)者Beta 3 2.0.0.128 log版今日發(fā)布
今天華為鴻蒙 HarmonyOS 2.0 開(kāi)發(fā)者 Beta3 2.0.0.128 log 版已經(jīng)發(fā)布了,這個(gè)版本大小為 5.44GB,下面我們就來(lái)看看這個(gè)版本的優(yōu)缺點(diǎn)總結(jié),想想看下文介紹2021-06-17- 鴻蒙系統(tǒng)os2.0刷機(jī)包用戶(hù)可以來(lái)本站免費(fèi)點(diǎn)擊下載。全新的鴻蒙系統(tǒng)主要針對(duì)單個(gè)硬件改變多樣化,比安卓系統(tǒng)實(shí)用,鴻蒙系統(tǒng)將全部改變所有APP,硬件多變,讓所有的用戶(hù)操作十2021-06-10
華為mate20x怎么申請(qǐng)HarmonyOS鴻蒙升級(jí)內(nèi)測(cè)?
華為mate20x怎么申請(qǐng)HarmonyOS鴻蒙升級(jí)內(nèi)測(cè)?現(xiàn)在鴻蒙系統(tǒng)已經(jīng)正式發(fā)布,很多手機(jī)可以參與內(nèi)側(cè),該怎么申請(qǐng)鴻蒙內(nèi)測(cè)呢?下面我們就來(lái)看看詳細(xì)的教程2021-06-09華為鴻蒙HarmonyOS開(kāi)發(fā)者資料匯總 完整版PDF
本文檔包括HarmonyOS開(kāi)發(fā)指南,頁(yè)面開(kāi)發(fā),NFC開(kāi)發(fā)指南,視頻圖像開(kāi)發(fā)等,從入門(mén)開(kāi)始,感興趣的可以了解一下2021-06-07