第 1章 初識(shí)uni-app1

本章導(dǎo)讀1

學(xué)習(xí)目標(biāo)1

1.1 uni-app發(fā)展歷程2

1.1.1uni-app的由來(lái)2

1.1.2 uni-app的特點(diǎn)3

1.2 第 1個(gè)uni-app應(yīng)用5

1.2.1 uni-app開(kāi)發(fā)工具5

1.2.2 新建項(xiàng)目6

1.2.3 項(xiàng)目目錄結(jié)構(gòu)7

1.2.4 運(yùn)行項(xiàng)目10

1.3 uni-app打包14

1.3.1 打包原生App（云端）14

1.3.2 打包原生App（本地）16

1.3.3 發(fā)布為H516

1.3.4 發(fā)布為微信小程序17

1.4 案例：示例代碼18

本章小結(jié)19

項(xiàng)目實(shí)戰(zhàn)19

拓展實(shí)訓(xùn)項(xiàng)目19

第 2章 uni-app基礎(chǔ)知識(shí)20

本章導(dǎo)讀20

學(xué)習(xí)目標(biāo)20

2.1pages.json21

2.1.1 globalStyle和pages21

2.1.2 tabBar22

2.1.3 subPackages26

2.2 資源引用26

2.3頁(yè)面樣式28

2.4 尺寸單位28

2.5 基礎(chǔ)組件29

2.5.1 view29

2.5.2 text31

2.5.3 navigator32

2.5.4 image34

2.5.5 屬性綁定和事件綁定35

2.5.6 v-for渲染數(shù)據(jù)37

2.6 flex布局38

2.6.1 flex布局的基本概念38

2.6.2 容器屬性41

2.6.2 項(xiàng)目屬性56

2.7 案例：九宮格導(dǎo)航頁(yè)面62

本章小結(jié)66

項(xiàng)目實(shí)戰(zhàn)66

拓展實(shí)訓(xùn)項(xiàng)目67

第3章 uni-app基礎(chǔ)擴(kuò)展67

本章導(dǎo)讀67

學(xué)習(xí)目標(biāo)67

3.1 生命周期68

3.1.1 應(yīng)用生命周期68

3.1.2 頁(yè)面生命周期69

3.1.3 組件生命周期函數(shù)73

3.2 條件編譯73

3.3 擴(kuò)展組件uni-ui76

3.3.1 安裝組件76

3.3.2 uni-scss輔助樣式80

3.3.3 使用組件84

3.4 案例：新聞列表87

本章小結(jié)90

實(shí)訓(xùn)項(xiàng)目90

拓展實(shí)訓(xùn)項(xiàng)目91

第4章 uni-app組件91

本章導(dǎo)讀91

學(xué)習(xí)目標(biāo)91

4.1容器組件92

4.1.1scroll-view92

4.1.2 swiper96

4.2基礎(chǔ)組件101

4.2.1 rich-text101

4.2.2 progress104

4.3 表單組件106

4.3.1 button106

4.3.3 picker110

4.3.4 slider115

4.3.5 input117

4.3.6 radio和checkbox121

4.3.8 switch125

4.3.9 textarea127

4.3.10 form130

4.4 媒體組件133

4.4.1 camera133

4.4.2 video134

4.5地圖138

4.6案例一：典型注冊(cè)頁(yè)139

4.7案例二：典型個(gè)人中心頁(yè)143

本章小結(jié)147

實(shí)訓(xùn)項(xiàng)目147

拓展實(shí)訓(xùn)項(xiàng)目147

第5章 常用API148

本章導(dǎo)讀148

學(xué)習(xí)目標(biāo)148

5.1 API概述149

5.2 計(jì)時(shí)器150

5.2.1設(shè)置計(jì)時(shí)器150

5.2.2 取消計(jì)時(shí)器150

5.3 交互反饋153

5.3.1 信息提示框153

5.3.2 loading提示框156

5.3.3 模態(tài)框156

5.3.4 操作菜單158

5.4 網(wǎng)絡(luò)159

5.4 .1 request發(fā)起請(qǐng)求159

3. Success屬性的回調(diào)函數(shù)參數(shù)說(shuō)明如表5-8所示。161

5.4.2 上傳文件163

5.5 數(shù)據(jù)緩存166

5.5.1 將數(shù)據(jù)緩存到本地167

5.5.2 獲取本地緩存數(shù)據(jù)168

5.5.3 清理本地緩存數(shù)據(jù)170

5.6路由174

5.6.1 路由API174

5.6.2 數(shù)據(jù)傳遞177

5.7 案例：智云翻譯178

本章小結(jié)193

項(xiàng)目實(shí)戰(zhàn)193

拓展實(shí)訓(xùn)項(xiàng)目194

第6章 常用API-2194

本章導(dǎo)讀194

學(xué)習(xí)目標(biāo)194

6.1 媒體控制195

6.1.1 音頻組件控制195

6.1.2 錄音管理203

6.1.3 圖片209

6.1.4 視頻組件控制212

6.1.5 相機(jī)組件控制216

6.2 文件操作218

6.2.1 文件保存218

6.2.2 文件選擇219

6.3 設(shè)備219

6.3.1 得到系統(tǒng)信息219

6.3.2 掃碼220

6.3.3 撥打電話(huà)223

6.3.4剪貼板223

6.4 登錄224

6.5 案例：仿網(wǎng)易云播放器226

本章小結(jié)244

項(xiàng)目實(shí)戰(zhàn)244

拓展實(shí)訓(xùn)項(xiàng)目245

第7章 智慧環(huán)保246

本章導(dǎo)讀246

學(xué)習(xí)目標(biāo)246

7.1 項(xiàng)目介紹247

7.1.1項(xiàng)目概述247

7.1.2 項(xiàng)目演示效果247

7.2 環(huán)境配置252

7.2.1 安裝json-server252

7.2.2 配置json-server254

7.3 項(xiàng)目開(kāi)發(fā)256

7.3.1 創(chuàng)建初始項(xiàng)目256

7.3.2 首頁(yè)260

7.3.3 回收分類(lèi)、分類(lèi)搜索266

7.3.4 注冊(cè)、登錄、個(gè)人中心274

7.3.5 公司回收、公司詳情、搜索結(jié)果285

7.3.6 下單、訂單頁(yè)、訂單詳情293

本章小結(jié)310

項(xiàng)目實(shí)戰(zhàn)310

拓展實(shí)訓(xùn)項(xiàng)目311