HTML5混合App開發

《HTML5混合App開發》是2018年6月清華大學出版社出版的圖書，作者是黑馬程式設計師。

基本介紹

• 書名：HTML5混合App開發
• 作者：黑馬程式設計師
• ISBN：9787302497721
• 定價：59.50元
• 出版社：清華大學出版社
• 出版時間：2018年6月

內容簡介

在競爭激烈的移動網際網路環境下，HTML5技術一直備受關注。HTML5混合App開發與原生App開發模式之間也爭議不斷。相對於原生App來說，HTML5混合App開發的成本更低、周期更短，而且隨著移動設備的硬體支持越來越好，HTML5混合App的性能也越來越好，很多企業都覺得使用HTML5混合App開發更合適。

本書圍繞HTML5混合App開發進行詳細講解，全書共12章。第1章對混合App開發及涉及的技術作概括介紹，包括AngularJS、Cordova和ionic的簡介，以及這幾種技術在混合App開發中所發揮的作用。第2～6章介紹AngularJS的基礎知識，為ionic框架的學習打下基礎，主要包括AngularJS的模組、控制器、作用域、基本原理、表達式、指令、服務等。第7～11章對ionic框架的使用進行詳細的介紹，主要包括ionic開發環境的安裝與配置、套用打包、ionic CSS、ionic JavaScript等。第12章是一個綜合項目，目的是對前面所學的知識進行鞏固。

本書附有配套資源，如原始碼、教學視頻、習題、教學課件等；而且為了幫助讀者更好地學習還提供了線上答疑，希望得到更多讀者的關注。

本書既可作為高等院校本、專科計算機相關專業程式設計課程的教材，也可作為廣大計算機編程愛好者的參考用書。

圖書目錄

第1章混合App開發簡介1

【教學導航】1

1.1什麼是混合App開發1

1.1.1移動App開發的三種模式1

1.1.2混合App開發套用場景3

1.2混合App開發套用技術4

1.2.1MVC與MVVM架構模式4

1.2.2AngularJS簡介6

1.2.3Cordova簡介8

1.2.4ionic簡介9

1.3本章小結10

第2章初識AngularJS11

【教學導航】11

2.1快速體驗AngularJS11

2.1.1AngularJS1與AngularJS2

的區別11

2.1.2AngularJS的環境配置12

2.1.3第一個AngularJS程式13

2.2AngularJS的基本概念16

2.2.1AngularJS的模組與

控制器16

2.2.2AngularJS作用域20

2.2.3AngularJS表達式24

2.2.4AngularJS的指令27

2.2.5自動化雙向綁定28

2.3本章小結29

第3章AngularJS的指令30

【教學導航】30HTML5混合App開發3.1指令的分類30

3.2AngularJS常用的內置指令31

3.2.1程式控制和數據綁定類指令31

3.2.2狀態設定類指令33

3.2.3事件綁定類指令39

3.2.4訪問流程類指令42

3.2.5載入處理類指令49

3.3AngularJS的自定義指令50

3.3.1directive()函式51

3.3.2自定義指令的約束53

3.3.3指令的作用域54

3.4本章小結58

第4章AngularJS相關原理59

【教學導航】59

4.1AngularJS與MVVM59

4.2AngularJS的啟動流程60

4.3髒檢查機制62

4.3.1髒檢查機制的實現原理62

4.3.2$watch函式66

4.3.3$apply函式67

4.4AngularJS與依賴注入68

4.4.1什麼是依賴注入69

4.4.2JavaScript如何實現依賴注入70

4.4.3AngularJS中的依賴注入72

4.5本章小結74

第5章AngularJS的服務75

【教學導航】75

5.1AngularJS創建服務75

5.1.1使用provider()函式創建服務76

5.1.2使用factory()函式創建服務79

5.1.3使用service()函式創建服務80

5.1.4使用value()和constant()函式創建服務83

5.2AngularJS內置服務85

5.2.1訪問JavaScript全局對象85

5.2.2AngularJS路由91

5.2.3AngularJS中的Ajax訪問95

5.3本章小結98

第6章AngularJS框架項目實戰99

6.1項目實戰——邀請名單99

6.1.1項目展示99

6.1.2項目分析101

6.1.3項目和檔案結構103

6.1.4封裝對象模型104

6.1.5編寫業務邏輯106

6.1.6編寫靜態頁面107

6.1.7添加數據綁定110

6.2項目實戰——電影列表111

6.2.1項目展示111

6.2.2項目分析113

6.2.3項目和檔案結構115

6.2.4接口API測試116

6.2.5搭建項目並封裝自定義的JSONP服務117

6.2.6封裝和測試數據對象模型119

6.2.7編寫電影列表頁面的控制器和模板122

6.2.8編寫電影詳情頁面的控制器和模板125

6.2.9完成路由功能並整合項目126

6.3本章小結128

第7章ionic開發環境的安裝與配置129

【教學導航】129

7.1安裝Android SDK129

7.1.1JDK的下載和安裝129

7.1.2Android SDK的下載和安裝135

7.2安裝Node.js142

7.2.1Node.js和NPM簡介142

7.2.2Node.js的下載和安裝142

7.3安裝Git146

7.4安裝ionic和Cordova150

7.4.1ionic1與ionic2的區別150

7.4.2ionic和Cordova的安裝150

7.5本章小結151

第8章快速體驗ionic項目152

【教學導航】152

8.1快速創建ionic項目152

8.1.1ionic的3種項目模板152

8.1.2下載項目模板153

8.1.3為項目添加Android平台支持155

8.1.4打包Android APK157

8.2ionic項目和檔案結構159

8.2.1常用工作和重要檔案159

8.2.2其他工作和檔案163

8.3定製項目圖示和啟動頁165

8.4本章小結168

第9章ionic CSS169

【教學導航】169

9.1基本布局類樣式169

9.1.1手機App常用布局方式169

9.1.2定高條塊170

9.1.3內容區域175

9.2顏色和圖示類樣式177

9.2.1顏色177

9.2.2圖示179

9.3界面組件類樣式181

9.3.1按鈕181

9.3.2列表185

9.3.3卡片191

9.3.4表單輸入192

9.3.5選項卡200

9.4柵格系統類樣式204

9.4.1基本行與列204

9.4.2指定列寬205

9.4.3指定列偏移206

9.4.4列表縱向對齊207

9.4.5回響式柵格209

9.5本章小結210

第10章ionic JavaScript(上)212

【教學導航】212

10.1ionic JavaScript概述212

10.1.1ionic指令式組件212

10.1.2ionic服務式組件213

10.2基本布局組件214

10.2.1固定標題欄214

10.2.2內容區域216

10.2.3滾動條218

10.2.4滾動刷新220

10.2.5下拉刷新223

10.2.6手動控制滾動視圖225

10.3ionic路由229

10.3.1路由狀態機229

10.3.2模板視圖與視圖容器230

10.3.3路由的實現230

10.4界面組件233

10.4.1頂部導航欄234

10.4.2列表237

10.4.3表單輸入241

10.4.4幻燈片243

10.4.5側邊欄選單246

10.4.6選項卡251

10.5本章小結256

第11章ionic JavaScript(下)257

【教學導航】257

11.1動態組件257

11.1.1模態對話框257

11.1.2上拉選單262

11.1.3彈出框265

11.1.4浮動框269

11.1.5背景幕273

11.1.6載入指示器275

11.2手勢事件277

11.2.1常用的手勢事件277

11.2.2手動註冊與解除手勢事件278

11.3IndexedDB279

11.3.1IndexedDB簡介279

11.3.2Object Store280

11.3.3請求的生命周期281

11.3.4IndexedDB的基本使用282

11.4本章小結289

第12章項目實戰——Mall App290

12.1項目簡介290

12.1.1項目展示290

12.1.2項目和檔案結構293

12.2任務1——項目結構搭建295

12.2.1任務描述295

12.2.2任務分析295

12.2.3代碼實現296

12.3任務2——引導頁298

12.3.1任務描述298

12.3.2任務分析299

12.3.3代碼實現300

12.4任務3——導航標籤307

12.4.1任務描述307

12.4.2任務分析307

12.4.3代碼實現307

12.5任務4——商城首頁310

12.5.1任務描述310

12.5.2任務分析310

12.5.3代碼實現311

12.6任務5——商品分類323

12.6.1任務描述323

12.6.2任務分析324

12.6.3代碼實現324

12.7任務6——商品列表335

12.7.1任務描述335

12.7.2任務分析 335

12.7.3代碼實現336

12.8任務7——商品詳情347

12.8.1任務描述347

12.8.2任務分析347

12.8.3代碼實現349

12.9任務8——購物車364

12.9.1任務描述364

12.9.2任務分析365

12.9.3代碼實現365

12.10任務9——個人中心379

12.10.1任務描述379

12.10.2任務分析379

12.10.3代碼實現380

12.11本章小結388