HTML5 App套用開發教程

內容簡介

越來越多的公司採用HTML5來快速開發移動跨平台App，它支持當前市場流行的移動設備。

本書主要介紹了HTML5在移動App開發中的套用技術、CSS 3的套用及JavaScript的編程知識，並使用大量實例介紹利用Hbuider、MUI、HTML5+規範開發App的流程和實現。

本書將幫助讀者快速學習如何利用HTML5和DCloud的HTML5移動開發技術來開發移動App，也可以作為對HTML5 App實踐感興趣的讀者和專業開發人員的參考用書。

圖書目錄

第1章HTML5 App套用開發概述

1.1HTML5介紹

1.1.1終將失敗的Flash

1.1.2Web移動套用的未來

1.2HTML5新特性

1.3擁抱HTML5

1.4HTML5 App的發展

1.5HTML5 App與原生App的比較

1.6HTML5 App開發環境搭建

1.6.1開邀朽項達發工具的安裝

1.6.2最接近原生App體驗的MUI框架

1.6.3HTML5+套用介紹

1.6.4流套用介紹

1.7開發第一個HTML5 App

1.7.1練習： HelloWorld程式

1.7.2打包過程

小結

習題

第2章HTML5頁面基礎

2.1HTML簡介

2.1.1標籤

2.1.2標籤的屬性

2.1.3注釋標籤

2.2HTML5文檔基本格式

2.3布局div標籤

2.4文本控制標籤

2.4.1標題h標籤

2.4.2段落p標籤

2.4.3水平線hr標籤

2.4.4換行br標籤

2.4.5特殊字元標記

2.4.6修飾span標籤

2.5圖像img標籤

2.6超連結a標籤

2.7列表標籤

2.7.1無序列表ul標籤

2.7.2有序列表ol標籤

2.8語義化標籤

2.9頁面互動性標籤

2.9.1細節展示details和summary標籤

2.9.2進度條progess標籤

2.10表格標籤

2.11表單的套用

2.11.1表單form標籤

2.11.2各種input輸入標籤

2.11.3input標籤的其他射龍希屬性

2.11.4其他表單標籤

2.11.5實例：註冊表單

2.12移動開發中meta標籤的套用

小結

習題

第3章拳危跨CSS樣式設計

3.1CSS簡介

3.2CSS核心基礎

3.2.1CSS樣式規則

3.2.2CSS中的單位和顏色

3.2.3在HTML文檔中套用CSS

3.3CSS選擇器

3.3.1基礎選擇器

3.3.2其他選擇器

3.4尺寸屬性

3.5文市海本樣式屬性

3.6CSS高級特性

3.6.1繼承性

3.6.2CSS層疊性和優先權

3.6.3Chrome調試CSS

3.7背景屬性

3.7.1設定背景顏色

3.7.2設定背景圖片

3.8框線屬性

3.9CSS盒子模型

3.9.1內填充屬性

3.9.2外邊距屬性

3.9.3boxsizing屬性

3.10浮動和定位

3.10.1浮動

3.10.2定位

3.10.3塊元素與行內元素

3.11CSS動畫效果

3.11.1過渡

3.11.22D及3D變換

3.11.3動畫控制

3.12其他一些常用的CSS屬性

3.13移動設備的適配

3.14實例

3.14.1註冊表單樣式美化

3.14.2旅遊App頁面

小結

習題

第4章JavaScript編程基礎

4.1JavaScript介紹

4.2使用JavaScript

4.2.1在頁面中插入代碼

4.2.2使用js檔案

4.3JavaScript的基礎語法

4.3.1數據類型

4.3.2變數定義

4.3.3數據類型的轉換

4.3.4代碼注釋

4.3.5運算符

4.3.6常用語句

4.4函式

4.4.1函式定義及調用

4.4.2變數的作用域

4.4.3函式重載

4.4.4函式的返回值

4.4.5匿名函式

4.5JavaScript在Chrome中的調試

4.5.1在控制台輸出

4.5.2斷點調試

4.6JavaScript對象基礎

4.6.1Object對象

4.6.2內置對象

4.6.3自定義類或對象

4.7JavaScript處理JSON

4.7.1JSON格式結構簡介

4.7.2JSON序列化與反序列化

小結

習題

第5章堡榜戲連JavaScript互動編程

5.1DOM介紹

5.2使用DOM

5.2.1document對象

5.2.2查找節點

5.2.3處理屬性

5.2.4讀取永危匙和設定內容

5.2.5創建和操作節點

5.3DOM的樣式編程

5.3.1className屬性

5.3.2classList對象

5.3.3style對象

5.4事件

5.4.1常用的一些事件

5.4.2內聯屬性監聽事件

5.4.3DOM屬性監聽事件

5.4.4標準的事件監聽函式

5.4.5事件備微腳觸發過程

5.4.6事件的Event對象

小結

習題

第6章jQuery編程基礎

6.1jQuery介紹

6.2使用jQuery

6.3使用$()函式

6.4jQuery的自定義選擇器

6.4.1基本過濾器

6.4.2內容過濾器

6.4.3可見性過濾器

6.4.4表單選擇器

6.5jQuery對象與DOM對象的轉換

6.6jQuery對事件的處理

6.6.1頁面載入後執行

6.6.2jQuery事件監聽

6.7jQuery遍歷方法

6.7.1遍歷HTML元素對象

6.7.2遍歷數組對象

6.7.3遍歷JSON對象屬性

6.8jQueryDOM互動

6.8.1操作HTML屬性

6.8.2操作表單元素的值

6.8.3修改節點內容

6.8.4創建和添加HTML元素節點

6.8.5刪除HTML元素節點

6.8.6複製HTML元素節點

6.8.7修改樣式

6.9jQuery的擴展

6.10jQuery外掛程式套用介紹

6.11實例：記憶翻牌遊戲

小結

習題

第7章AJAX通信技術

7.1AJAX技術介紹

7.2HTTP協定分析

7.2.1HTTP協定介紹

7.2.2Fiddler抓包神器

7.2.3HTTP請求與回響

7.2.4Fiddler手機數據抓包

7.2.5Fiddler模擬HTTP請求

7.2.6圖片驗證碼

7.3XMLHttpRequest對象

7.3.1使用方法

7.3.2讀取數據

7.3.3提交數據

7.3.4FormData對象

7.3.5解析XML數據

7.4CORS跨域問題

7.5RESTful API介紹

7.6jQuery中的AJAX方法

7.7實例：送貨地址管理

小結

習題

第8章WebSocket基礎

8.1WebSocket的發展歷程

8.2HTML5 WebSocket簡介

8.3WebSocket實現

8.4實例：聊天室

8.4.1WebSocket伺服器端

8.4.2客戶端實現

小結

習題

第9章播放多媒體

9.1HTML5標準中的音視頻

9.1.1audio標籤

9.1.2video標籤

9.2audio和video標籤的主要屬性

9.3audio對象和video對象的API

9.4實例：視頻播放器

小結

習題

第10章本地存儲

10.1HTML5本地存儲技術概述

10.2localStorage和sessionStorage

10.2.1檢查瀏覽器的支持

10.2.2相應的API

10.3Web SQL資料庫

10.3.1創建或打開資料庫

10.3.2執行SQL語句

10.4IndexedDB資料庫

10.4.1資料庫初始化

10.4.2對象存儲空間

10.4.3索引

10.4.4事務

10.4.5IndexedDB的CRUD操作

10.4.6游標

小結

習題

第11章Canvas繪圖

11.1Canvas介紹

11.2繪製圖形

11.2.1繪製直線

11.2.2繪製貝塞爾曲線

11.2.3繪製填充

11.2.4使用漸變色

11.2.5繪製矩形

11.2.6繪製圓弧

11.3繪製文字

11.4繪製圖片

11.5擦除

11.6坐標變換

11.7像素操作

11.8實例：九宮格手勢解鎖

小結

習題

第12章HTML5+Runtime

12.1HTML5+Runtime介紹

12.2HTML5+的Demo示例

12.3HTML5+API的使用

12.4HTML5+API的各模組

12.5Webview模組

12.5.1Webview的方法

12.5.2WebviewObject

12.5.3常見的一些UI效果

12.6Native.js介紹

小結

習題

第13章MUI框架

13.1MUI介紹

13.2MUI的示例

13.3使用MUI

13.4MUI頁面設計的一些特殊使用

13.5mui對象的內置方法和對象

13.6事件管理

13.7視窗管理

13.8各種UI組件

13.8.1按鈕

13.8.2數字角標

13.8.3數字輸入框

13.8.4列表

13.8.5摺疊面板

13.8.6卡片視圖

13.8.7輪播組件

13.8.8圖片輪播組件

13.8.9複選框和單選框組件

13.8.10開關組件

13.8.11滑塊組件

13.8.12字型圖示組件

13.8.13表單組件

13.8.14進度條組件

13.8.15彈出選單組件

13.8.16遮罩層組件

13.8.17操作表組件

13.8.18對話框組件

13.8.19scroll區域滾動

13.9下拉刷新和上拉載入

13.9.1下拉刷新

13.9.2上拉載入

13.10MUI的外掛程式

13.10.1延遲載入外掛程式

13.10.2圖片預覽外掛程式

13.10.3日期和時間選擇器外掛程式

13.10.4單頁面刷新外掛程式

13.11MUI的AJAX封裝

13.12Chrome調試Android套用

小結

習題

第14章綜合實例：美食匯App

14.1項目介紹

14.1.1API全局變數

14.1.2API介紹

14.2字型圖示的製作

14.3manifest.json檔案的配置

14.3.1套用信息配置

14.3.2圖示配置

14.3.3啟動圖片配置

14.4嚮導

14.5首頁

14.5.1使用子頁面構建首頁

14.5.2美食列表數據的請求和刷新

14.5.3滑動手勢的處理

14.5.4過濾條件的製作

14.5.5MUI外掛程式的使用

14.5.6視窗數據的傳遞

14.5.7掃碼的實現

14.5.8城市定位和選項卡切換

14.6美食詳情

14.6.1撥打電話

14.6.2百度地圖定位顯示

14.6.3評論中的圖片預覽

14.6.4分享

14.6.5收藏

14.7抽獎

14.7.1授權打開視窗

14.7.2界面處理

14.7.3搖一搖

14.7.4自定義視窗

14.7.5跨頁面調用方法

14.8註冊和登錄

14.9我的訂單

14.9.1artTemplate生成列表

14.9.2評論

14.10版本更新

14.11發布Android程式

小結

部分習題參考答案

參考文獻

HTML5 App套用開發教程

基本介紹

內容簡介

圖書目錄

相關詞條

熱門詞條