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

篇開發(fā)準備篇
第1章HarmonyOS系統(tǒng)簡介
1.1HarmonyOS的設(shè)計目標
1.1.15G萬物互聯(lián)時代
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一套代碼多端運行
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 簡介
1.4.2LiteOSM 簡介
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章開發(fā)環(huán)境搭建
2.1鴻蒙應(yīng)用開發(fā)環(huán)境搭建
2.1.1下載和安裝Node.js
2.1.2下載和安裝DevEco Studio
2.1.3運行Hello World
2.2鴻蒙應(yīng)用程序運行調(diào)試
2.2.1在遠程模擬器中運行應(yīng)用
2.2.2在Simulator中運行應(yīng)用
2.3使用真機設(shè)備運行應(yīng)用
2.3.1手動真機簽名流程
2.3.2自動化真機簽名流程
2.4本章小結(jié)
第二篇ArkUI JS UI篇
第3章ArkUI JS框架詳細講解
3.1ArkUI JS框架介紹
3.1.1ArkUI JS框架的特征
3.1.2ArkUI JS架構(gòu)介紹
3.1.3ArkUI JS運行流程
3.2創(chuàng)建一個ArkUI JS項目
3.2.1新建ArkUI JavaScript項目
3.2.2編寫界面布局
3.2.3編寫界面邏輯代碼
3.2.4通過模擬器預覽效果
3.3項目目錄結(jié)構(gòu)
3.3.1項目整體結(jié)構(gòu)
3.3.2項目的配置文件
3.3.3資源文件的使用方式
3.4頁面布局
3.4.1Flexbox布局
3.4.2Grid網(wǎng)格布局
3.5語法詳細講解
3.5.1HML語法
3.5.2CSS語法
3.5.3JS邏輯
3.5.4多語言支持
3.6內(nèi)置組件
3.6.1容器組件
3.6.2基礎(chǔ)組件
3.6.3媒體組件
3.6.4畫布組件
3.7自定義組件
3.7.1自定義組件定義
3.7.2自定義組件事件與交互
3.8本章小結(jié)
第4章ArkUI JS與Java混合開發(fā)
4.1JavaScript調(diào)用Service Ability
4.1.1JS端調(diào)用遠端Service Ability
4.1.2JS端訂閱遠端Service Ability
4.2JS端調(diào)用音樂播放Service Ability
4.2.1申請分布式使用權(quán)限
4.2.2創(chuàng)建Java端Service Ability
4.2.3音樂播放器前端的UI
4.2.4封裝JS前端調(diào)用Service Ability的方法
4.2.5JS端調(diào)用Service Ability的方法
4.2.6音樂播放器遙控UI
4.2.7音樂播放器遙控邏輯實現(xiàn)
4.2.8通過實體音量鍵控制遠程設(shè)備音量
4.2.9JS端訂閱Service Ability中的播放狀態(tài)
4.2.10本節(jié)小結(jié)
4.3JavaScript項目混合Java UI開發(fā)
4.3.1JS Ability和Java Ability跳轉(zhuǎn)
4.3.2JS端調(diào)用相機拍照功能
第5章ArkUI JS游戲開發(fā)案例
5.1飛機大戰(zhàn)游戲介紹
5.2飛機大戰(zhàn)游戲分析
5.2.1游戲性能問題分析
5.2.2游戲角色分析
5.3飛機大戰(zhàn)核心算法
5.3.1碰撞檢測算法
5.3.2子彈飛行算法
5.4飛機大戰(zhàn)游戲界面實現(xiàn)
5.4.1游戲主界面
5.4.2游戲控制手柄界面
5.5飛機大戰(zhàn)核心代碼實現(xiàn)——單機篇
5.5.1加載游戲資源
5.5.2太空背景動畫
5.5.3游戲動畫入口
5.5.4繪制游戲主角
5.5.5繪制游戲敵機
5.5.6繪制子彈對象
5.5.7繪制爆炸效果
5.5.8操作主角飛機
5.6飛機大戰(zhàn)核心代碼實現(xiàn)——鴻蒙篇
5.6.1多設(shè)備間游戲流轉(zhuǎn)
5.6.2實現(xiàn)游戲遠程控制
5.7本章小結(jié)
第6章原子化服務(wù)和服務(wù)卡片開發(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ù)開發(fā)要求
6.1.5原子化服務(wù)開發(fā)流程
6.2什么是服務(wù)卡片(Service Widget)
6.2.1服務(wù)卡片定義
6.2.2服務(wù)卡片的三大特征
6.2.3服務(wù)卡片的設(shè)計規(guī)范
6.2.4服務(wù)卡片的整體架構(gòu)
6.3服務(wù)卡片開發(fā)詳細講解
6.3.1創(chuàng)建JavaScript服務(wù)卡片
6.3.2服務(wù)卡片界面實現(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頁面路由
7.1.1頁面路由用法
7.1.2頁面路由動畫
7.2應(yīng)用上下文
7.3日志打印
7.4應(yīng)用配置
7.5窗口
7.6彈框
7.7動畫
7.8剪貼板
第8章網(wǎng)絡(luò)與媒體接口
8.1網(wǎng)絡(luò)訪問
8.2WebSocket
8.3上傳和下載
8.4媒體
第9章分布式能力接口
9.1分布式遷移
9.1.1申請分布式遷移權(quán)限
9.1.2通過FeatureAbility發(fā)起遷移
9.2分布式拉起
9.2.1申請分布式遷移權(quán)限
9.2.2允許以顯式的方式拉起遠程或本地的FA
9.2.3拉起遠程帶返回值的FA
9.2.4分布式API在FA中的生命周期
9.3文件數(shù)據(jù)管理
9.3.1輕量級存儲
9.3.2文件管理
第10章系統(tǒng)設(shè)備接口
10.1消息通知
10.2地理位置
10.3設(shè)備信息
10.4應(yīng)用管理
10.5媒體查詢
10.6振動
第11章多實例管理
11.1多實例接口
11.1.1多Ability實例管理
11.1.2多Ability之間跳轉(zhuǎn)
11.2使用NPM安裝JavaScript模塊
第四篇ArkUI ETS UI篇
第12章ArkUI ETS開發(fā)語言入門
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高級數(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框架詳細講解
13.1框架特點
13.2組件化設(shè)計
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ài)變更@Watch
13.2.9自定義組件方法@Builder
13.2.10統(tǒng)一組件樣式@Extend
13.3狀態(tài)管理倉庫
13.3.1持久化數(shù)據(jù)管理
13.3.2環(huán)境變量Environment
13.3.3AppStorage與組件同步
13.4渲染控制語法
13.4.1條件渲染if...else...
13.4.2循環(huán)渲染ForEach
13.5動畫效果
13.5.1屬性動畫
13.5.2顯式動畫
13.5.3轉(zhuǎn)場動畫
13.5.4手勢處理
13.6框架結(jié)構(gòu)詳細講解
13.6.1文件組織
13.6.2JS標簽配置
13.6.3app.ets
13.6.4資源訪問
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開發(fā)案例
14.1華為商城框架封裝
14.1.1公共組件封裝
14.1.2公共數(shù)據(jù)接口封裝
14.2商城首頁實現(xiàn)
14.2.1頭部組件
14.2.2頭部滾動
14.2.3輪播廣告
14.2.4導航菜單
14.2.5限時購
14.3商城商品分類頁實現(xiàn)
14.3.1中間左側(cè)分類區(qū)
14.3.2中間右側(cè)商品區(qū)
14.4商品詳情頁實現(xiàn)
14.4.1頭部商品圖片輪播區(qū)
14.4.2商品價格展示欄
14.4.3商品底部購買欄
第五篇OpenHarmony篇
第15章OpenHarmony基礎(chǔ)
15.1OpenHarmony介紹
15.2OpenHarmony 3.0 LTS編譯與燒錄
15.2.1編譯環(huán)境搭建
15.2.2標準系統(tǒng)編譯和燒錄
第16章OpenHarmony應(yīng)用開發(fā)詳細講解
16.1配置OpenHarmony SDK
16.2創(chuàng)建OpenHarmony工程
16.2.1選擇項目模板
16.2.2創(chuàng)建ArkUI JS項目
16.3配置OpenHarmony應(yīng)用簽名信息
16.3.1生成密鑰和證書請求文件
16.3.2生成應(yīng)用證書文件
16.3.3生成應(yīng)用Profile文件
16.3.4配置應(yīng)用簽名信息
16.4推送并將HAP安裝到開發(fā)板/設(shè)備
16.4.1OpenHarmony命令行啟動hdcd
16.4.2下載hdc_std工具
16.4.3配置環(huán)境變量(Windows)
16.4.4使用hdc_std安裝HAP
16.4.5Hi3516DV300的運行
16.4.6hdc_std連接不到設(shè)備
第17章OpenHarmony “HiSpark智能賽車”
17.1鴻蒙HiSpark智能賽車游戲介紹
17.2HiSpark智能賽車端實現(xiàn)
17.2.1HiSpark賽車配置WiFi網(wǎng)絡(luò)
17.2.2HiSpark賽車電機驅(qū)動
17.2.3HiSpark賽車操作控制
17.3將賽車控制模塊添加到鴻蒙源碼并編譯
17.3.1添加賽車控制模塊代碼
17.3.2編譯OpenHarmony源碼
17.3.3燒錄OpenHarmony
17.4鴻蒙HAP端控制賽車實現(xiàn)
17.4.1賽車控制手柄界面實現(xiàn)
17.4.2將賽車控制手柄設(shè)置為橫屏模式
17.4.3Java端通過Service Ability發(fā)送指令
17.4.4賽車控制手柄界面邏輯實現(xiàn)
17.5本章小結(jié)
第六篇提高篇
第18章輕鴻蒙端JavaScript框架
18.1JerryScript輕量級引擎
18.1.1編譯JerryScript
18.1.2運行JerryScript
18.2輕量級JS核心開發(fā)框架
18.2.1JS Framework
18.2.2組件綁定實現(xiàn)
18.2.3路由實現(xiàn)
18.2.4圖形繪制層
18.2.5渲染流程
第19章富鴻蒙端JavaScript框架
19.1QuickJS引擎
19.1.1安裝基礎(chǔ)編譯環(huán)境
19.1.2通過Git下載QuickJS源碼
19.1.3編譯QuickJS
19.1.4編譯驗證JS
19.2Google V8引擎
19.3ArkUI JS Engine框架
19.4新方舟編譯器(ArkCompiler 3.0)
第20章類Web范式組件設(shè)計與開發(fā)
20.1JavaScript端組件設(shè)計
20.1.1前端組件效果
20.1.2組件的詳細設(shè)計
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類