鴻蒙HarmonyOS應(yīng)用開(kāi)發(fā)實(shí)戰(zhàn)（JavaScript版）

篇開(kāi)發(fā)準(zhǔn)備篇
第1章HarmonyOS系統(tǒng)簡(jiǎn)介
1.1HarmonyOS的設(shè)計(jì)目標(biāo)
1.1.15G萬(wàn)物互聯(lián)時(shí)代
1.1.2物聯(lián)網(wǎng)操作系統(tǒng)碎片化
1.1.3下一代操作系統(tǒng)的發(fā)展方向
1.2HarmonyOS技術(shù)特性
1.2.1分布式架構(gòu)
1.2.2操作系統(tǒng)可裁剪
1.2.3一套代碼多端運(yùn)行
1.3HarmonyOS技術(shù)架構(gòu)
1.3.1內(nèi)核層
1.3.2系統(tǒng)服務(wù)層
1.3.3架構(gòu)層
1.3.4應(yīng)用層
1.4HarmonyOS與LiteOS
1.4.1LiteOSA 簡(jiǎn)介
1.4.2LiteOSM 簡(jiǎn)介
1.5OpenHarmony生態(tài)
1.5.1Android與AOSP
1.5.2HarmonyOS與OpenHarmony
1.6HarmonyOS與Fuchsia OS
1.6.1Fuchsia OS系統(tǒng)架構(gòu)
1.6.2Fuchsia OS與產(chǎn)業(yè)
1.7本章小結(jié)
第2章開(kāi)發(fā)環(huán)境搭建
2.1鴻蒙應(yīng)用開(kāi)發(fā)環(huán)境搭建
2.1.1下載和安裝Node.js
2.1.2下載和安裝DevEco Studio
2.1.3運(yùn)行Hello World
2.2鴻蒙應(yīng)用程序運(yùn)行調(diào)試
2.2.1在遠(yuǎn)程模擬器中運(yùn)行應(yīng)用
2.2.2在Simulator中運(yùn)行應(yīng)用
2.3使用真機(jī)設(shè)備運(yùn)行應(yīng)用
2.3.1手動(dòng)真機(jī)簽名流程
2.3.2自動(dòng)化真機(jī)簽名流程
2.4本章小結(jié)
第二篇ArkUI JS UI篇
第3章ArkUI JS框架詳細(xì)講解
3.1ArkUI JS框架介紹
3.1.1ArkUI JS框架的特征
3.1.2ArkUI JS架構(gòu)介紹
3.1.3ArkUI JS運(yùn)行流程
3.2創(chuàng)建一個(gè)ArkUI JS項(xiàng)目
3.2.1新建ArkUI JavaScript項(xiàng)目
3.2.2編寫(xiě)界面布局
3.2.3編寫(xiě)界面邏輯代碼
3.2.4通過(guò)模擬器預(yù)覽效果
3.3項(xiàng)目目錄結(jié)構(gòu)
3.3.1項(xiàng)目整體結(jié)構(gòu)
3.3.2項(xiàng)目的配置文件
3.3.3資源文件的使用方式
3.4頁(yè)面布局
3.4.1Flexbox布局
3.4.2Grid網(wǎng)格布局
3.5語(yǔ)法詳細(xì)講解
3.5.1HML語(yǔ)法
3.5.2CSS語(yǔ)法
3.5.3JS邏輯
3.5.4多語(yǔ)言支持
3.6內(nèi)置組件
3.6.1容器組件
3.6.2基礎(chǔ)組件
3.6.3媒體組件
3.6.4畫(huà)布組件
3.7自定義組件
3.7.1自定義組件定義
3.7.2自定義組件事件與交互
3.8本章小結(jié)
第4章ArkUI JS與Java混合開(kāi)發(fā)
4.1JavaScript調(diào)用Service Ability
4.1.1JS端調(diào)用遠(yuǎn)端Service Ability
4.1.2JS端訂閱遠(yuǎn)端Service Ability
4.2JS端調(diào)用音樂(lè)播放Service Ability
4.2.1申請(qǐng)分布式使用權(quán)限
4.2.2創(chuàng)建Java端Service Ability
4.2.3音樂(lè)播放器前端的UI
4.2.4封裝JS前端調(diào)用Service Ability的方法
4.2.5JS端調(diào)用Service Ability的方法
4.2.6音樂(lè)播放器遙控UI
4.2.7音樂(lè)播放器遙控邏輯實(shí)現(xiàn)
4.2.8通過(guò)實(shí)體音量鍵控制遠(yuǎn)程設(shè)備音量
4.2.9JS端訂閱Service Ability中的播放狀態(tài)
4.2.10本節(jié)小結(jié)
4.3JavaScript項(xiàng)目混合Java UI開(kāi)發(fā)
4.3.1JS Ability和Java Ability跳轉(zhuǎn)
4.3.2JS端調(diào)用相機(jī)拍照功能
第5章ArkUI JS游戲開(kāi)發(fā)案例
5.1飛機(jī)大戰(zhàn)游戲介紹
5.2飛機(jī)大戰(zhàn)游戲分析
5.2.1游戲性能問(wèn)題分析
5.2.2游戲角色分析
5.3飛機(jī)大戰(zhàn)核心算法
5.3.1碰撞檢測(cè)算法
5.3.2子彈飛行算法
5.4飛機(jī)大戰(zhàn)游戲界面實(shí)現(xiàn)
5.4.1游戲主界面
5.4.2游戲控制手柄界面
5.5飛機(jī)大戰(zhàn)核心代碼實(shí)現(xiàn)——單機(jī)篇
5.5.1加載游戲資源
5.5.2太空背景動(dòng)畫(huà)
5.5.3游戲動(dòng)畫(huà)入口
5.5.4繪制游戲主角
5.5.5繪制游戲敵機(jī)
5.5.6繪制子彈對(duì)象
5.5.7繪制爆炸效果
5.5.8操作主角飛機(jī)
5.6飛機(jī)大戰(zhàn)核心代碼實(shí)現(xiàn)——鴻蒙篇
5.6.1多設(shè)備間游戲流轉(zhuǎn)
5.6.2實(shí)現(xiàn)游戲遠(yuǎn)程控制
5.7本章小結(jié)
第6章原子化服務(wù)和服務(wù)卡片開(kāi)發(fā)
6.1什么是原子化服務(wù)
6.1.1原子化服務(wù)特征
6.1.2原子化服務(wù)與傳統(tǒng)應(yīng)用的區(qū)別
6.1.3原子化服務(wù)上架流程
6.1.4原子化服務(wù)開(kāi)發(fā)要求
6.1.5原子化服務(wù)開(kāi)發(fā)流程
6.2什么是服務(wù)卡片(Service Widget)
6.2.1服務(wù)卡片定義
6.2.2服務(wù)卡片的三大特征
6.2.3服務(wù)卡片的設(shè)計(jì)規(guī)范
6.2.4服務(wù)卡片的整體架構(gòu)
6.3服務(wù)卡片開(kāi)發(fā)詳細(xì)講解
6.3.1創(chuàng)建JavaScript服務(wù)卡片
6.3.2服務(wù)卡片界面實(shí)現(xiàn)
6.3.3服務(wù)卡片數(shù)據(jù)綁定
6.3.4服務(wù)卡片數(shù)據(jù)更新
6.3.5服務(wù)卡片跳轉(zhuǎn)事件和消息事件
第三篇JavaScript API篇
第7章基本功能接口
7.1頁(yè)面路由
7.1.1頁(yè)面路由用法
7.1.2頁(yè)面路由動(dòng)畫(huà)
7.2應(yīng)用上下文
7.3日志打印
7.4應(yīng)用配置
7.5窗口
7.6彈框
7.7動(dòng)畫(huà)
7.8剪貼板
第8章網(wǎng)絡(luò)與媒體接口
8.1網(wǎng)絡(luò)訪問(wèn)
8.2WebSocket
8.3上傳和下載
8.4媒體
第9章分布式能力接口
9.1分布式遷移
9.1.1申請(qǐng)分布式遷移權(quán)限
9.1.2通過(guò)FeatureAbility發(fā)起遷移
9.2分布式拉起
9.2.1申請(qǐng)分布式遷移權(quán)限
9.2.2允許以顯式的方式拉起遠(yuǎn)程或本地的FA
9.2.3拉起遠(yuǎn)程帶返回值的FA
9.2.4分布式API在FA中的生命周期
9.3文件數(shù)據(jù)管理
9.3.1輕量級(jí)存儲(chǔ)
9.3.2文件管理
第10章系統(tǒng)設(shè)備接口
10.1消息通知
10.2地理位置
10.3設(shè)備信息
10.4應(yīng)用管理
10.5媒體查詢
10.6振動(dòng)
第11章多實(shí)例管理
11.1多實(shí)例接口
11.1.1多Ability實(shí)例管理
11.1.2多Ability之間跳轉(zhuǎn)
11.2使用NPM安裝JavaScript模塊
第四篇ArkUI ETS UI篇
第12章ArkUI ETS開(kāi)發(fā)語(yǔ)言入門(mén)
12.1ArkUI TypeScript介紹
12.2etsloader編譯ETS
12.3TypeScript基礎(chǔ)數(shù)據(jù)類型
12.3.1布爾值
12.3.2數(shù)字
12.3.3字符串
12.3.4數(shù)組
12.3.5元組
12.3.6枚舉
12.3.7any
12.3.8void
12.3.9null和undefined
12.3.10never
12.4TypeScript高級(jí)數(shù)據(jù)類型
12.4.1泛型
12.4.2交叉類型
12.4.3聯(lián)合類型
12.5TypeScript面向?qū)ο筇匦?br />12.5.1類
12.5.2接口
12.6TypeScript裝飾器
12.6.1屬性裝飾器
12.6.2方法裝飾器
12.6.3參數(shù)裝飾器
12.6.4類裝飾器
12.7TypeScript模塊與命名空間
12.7.1模塊
12.7.2命名空間
第13章ArkUI ETS框架詳細(xì)講解
13.1框架特點(diǎn)
13.2組件化設(shè)計(jì)
13.2.1組件裝飾器@Component
13.2.2組件的內(nèi)部私有狀態(tài)@State
13.2.3組件的輸入和輸出屬性
13.2.4單向同步父組件狀態(tài)@Prop
13.2.5雙向同步狀態(tài)@Link
13.2.6自定義組件的生命周期函數(shù)
13.2.7跨組件數(shù)據(jù)傳遞@Consume和@Provide
13.2.8監(jiān)聽(tīng)變量狀態(tài)變更@Watch
13.2.9自定義組件方法@Builder
13.2.10統(tǒng)一組件樣式@Extend
13.3狀態(tài)管理倉(cāng)庫(kù)
13.3.1持久化數(shù)據(jù)管理
13.3.2環(huán)境變量Environment
13.3.3AppStorage與組件同步
13.4渲染控制語(yǔ)法
13.4.1條件渲染if...else...
13.4.2循環(huán)渲染ForEach
13.5動(dòng)畫(huà)效果
13.5.1屬性動(dòng)畫(huà)
13.5.2顯式動(dòng)畫(huà)
13.5.3轉(zhuǎn)場(chǎng)動(dòng)畫(huà)
13.5.4手勢(shì)處理
13.6框架結(jié)構(gòu)詳細(xì)講解
13.6.1文件組織
13.6.2JS標(biāo)簽配置
13.6.3app.ets
13.6.4資源訪問(wèn)
13.6.5像素單位
13.7界面布局
13.7.1Flex布局
13.7.2Grid布局
13.7.3堆疊布局
13.7.4柵格布局
13.8基礎(chǔ)組件
13.8.1Text組件
13.8.2Button組件
13.8.3Image組件
13.8.4List組件
13.8.5Swiper組件
13.8.6Tabs組件
13.8.7Scroll組件
13.8.8AlertDialog組件
13.8.9自定義彈框
第14章ArkUI ETS UI開(kāi)發(fā)案例
14.1華為商城框架封裝
14.1.1公共組件封裝
14.1.2公共數(shù)據(jù)接口封裝
14.2商城首頁(yè)實(shí)現(xiàn)
14.2.1頭部組件
14.2.2頭部滾動(dòng)
14.2.3輪播廣告
14.2.4導(dǎo)航菜單
14.2.5限時(shí)購(gòu)
14.3商城商品分類頁(yè)實(shí)現(xiàn)
14.3.1中間左側(cè)分類區(qū)
14.3.2中間右側(cè)商品區(qū)
14.4商品詳情頁(yè)實(shí)現(xiàn)
14.4.1頭部商品圖片輪播區(qū)
14.4.2商品價(jià)格展示欄
14.4.3商品底部購(gòu)買(mǎi)欄
第五篇OpenHarmony篇
第15章OpenHarmony基礎(chǔ)
15.1OpenHarmony介紹
15.2OpenHarmony 3.0 LTS編譯與燒錄
15.2.1編譯環(huán)境搭建
15.2.2標(biāo)準(zhǔn)系統(tǒng)編譯和燒錄
第16章OpenHarmony應(yīng)用開(kāi)發(fā)詳細(xì)講解
16.1配置OpenHarmony SDK
16.2創(chuàng)建OpenHarmony工程
16.2.1選擇項(xiàng)目模板
16.2.2創(chuàng)建ArkUI JS項(xiàng)目
16.3配置OpenHarmony應(yīng)用簽名信息
16.3.1生成密鑰和證書(shū)請(qǐng)求文件
16.3.2生成應(yīng)用證書(shū)文件
16.3.3生成應(yīng)用Profile文件
16.3.4配置應(yīng)用簽名信息
16.4推送并將HAP安裝到開(kāi)發(fā)板/設(shè)備
16.4.1OpenHarmony命令行啟動(dòng)hdcd
16.4.2下載hdc_std工具
16.4.3配置環(huán)境變量(Windows)
16.4.4使用hdc_std安裝HAP
16.4.5Hi3516DV300的運(yùn)行
16.4.6hdc_std連接不到設(shè)備
第17章OpenHarmony “HiSpark智能賽車(chē)”
17.1鴻蒙HiSpark智能賽車(chē)游戲介紹
17.2HiSpark智能賽車(chē)端實(shí)現(xiàn)
17.2.1HiSpark賽車(chē)配置WiFi網(wǎng)絡(luò)
17.2.2HiSpark賽車(chē)電機(jī)驅(qū)動(dòng)
17.2.3HiSpark賽車(chē)操作控制
17.3將賽車(chē)控制模塊添加到鴻蒙源碼并編譯
17.3.1添加賽車(chē)控制模塊代碼
17.3.2編譯OpenHarmony源碼
17.3.3燒錄OpenHarmony
17.4鴻蒙HAP端控制賽車(chē)實(shí)現(xiàn)
17.4.1賽車(chē)控制手柄界面實(shí)現(xiàn)
17.4.2將賽車(chē)控制手柄設(shè)置為橫屏模式
17.4.3Java端通過(guò)Service Ability發(fā)送指令
17.4.4賽車(chē)控制手柄界面邏輯實(shí)現(xiàn)
17.5本章小結(jié)
第六篇提高篇
第18章輕鴻蒙端JavaScript框架
18.1JerryScript輕量級(jí)引擎
18.1.1編譯JerryScript
18.1.2運(yùn)行JerryScript
18.2輕量級(jí)JS核心開(kāi)發(fā)框架
18.2.1JS Framework
18.2.2組件綁定實(shí)現(xiàn)
18.2.3路由實(shí)現(xiàn)
18.2.4圖形繪制層
18.2.5渲染流程
第19章富鴻蒙端JavaScript框架
19.1QuickJS引擎
19.1.1安裝基礎(chǔ)編譯環(huán)境
19.1.2通過(guò)Git下載QuickJS源碼
19.1.3編譯QuickJS
19.1.4編譯驗(yàn)證JS
19.2Google V8引擎
19.3ArkUI JS Engine框架
19.4新方舟編譯器(ArkCompiler 3.0)
第20章類Web范式組件設(shè)計(jì)與開(kāi)發(fā)
20.1JavaScript端組件設(shè)計(jì)
20.1.1前端組件效果
20.1.2組件的詳細(xì)設(shè)計(jì)
20.2JS的界面解析
20.2.1在dom_type中增加新組件的屬性定義
20.2.2新增DOMMyCircle類
20.3后端的布局和繪制
20.3.1新增MyCircleComponent類
20.3.2新增MyCircleElement類
20.3.3新增RenderMyCircle類
20.3.4新增FlutterRenderMyCircle類