第1章移動互聯網時代的Web技術 1
1.1 移動互聯網的發展 1
1.2 智能手機發展迅速 2
1.3 智能手機的Web瀏覽器 4
1.4 移動Web應用的發展 7
1.5 基於HTML5的移動Web應用 8
第2章移動設備HTML5頁麵布局 12
2.1 頁麵語義化簡介 12
2.1.1 HTML5新語義元素概述 12
2.1.2 更多HTML5新元素 16
2.2 頁麵結構與移動設備的布局 16
2.2.1 常見的移動應用布局 17
2.2.2 使用HTML5創建標準的移動Web頁麵 18
2.3 本章小結 22
第3章 HTML5規範的本地存儲 23
3.1 移動設備的支持 23
3.2 localStorage 24
3.3 sessionStorage 28
3.4 Storage事件監聽 29
3.5 本章小結 33
第4章移動Web的離綫應用 34
4.1 離綫Web概述 34
4.1.1 離綫與緩存 34
4.1.2 離綫的意義 35
4.2 移動設備的支持 35
4.3 applicationCache和manifest 36
4.3.1 manifest文件 36
4.3.2 applicationCache對象和事件 38
4.4 本章小結 39
第5章移動設備的常見HTML5錶單元素 40
5.1 豐富的錶單屬性 40
5.2 移動Web錶單的input類型 42
5.2.1 search類型文本 42
5.2.2 email類型文本 43
5.2.3 number類型文本 44
5.2.4 range類型文本 45
5.2.5 tel類型文本 45
5.2.6 url類型文本 46
5.2.7 更多的類型 46
5.3 錶單屬性應用範圍 47
5.4 本章小結 47
第6章移動Web界麵樣式 48
6.1 CSS3 48
6.2 選擇器 49
6.2.1 屬性選擇器 49
6.2.2 僞類選擇器 51
6.3 陰影 53
6.3.1 box-shadow 53
6.3.2 text-shadow 54
6.4 背景 54
6.4.1 background-size 55
6.4.2 background-clip 55
6.4.3 background-origin 55
6.4.4 background 56
6.5 圓角邊框 56
6.6 Media Queries移動設備樣式 57
6.6.1 傳統網站在iPhone上的顯示問題 57
6.6.2 viewport設置適應移動設備屏幕大小 59
6.6.3 Media Queries如何工作 60
6.6.4 Media Queries語法總結 63
6.6.5 如何將官方網站移植成移動Web網站 65
6.7 本章小結 73
第7章Geolocation地理定位 74
7.1 功能介紹 74
7.2 瀏覽器支持情況 75
7.3 如何使用Geolocation API 75
7.3.1 首次獲取當前位置 75
7.3.2 監視移動設備的位置變化 77
7.4 本章小結 78
第8章輕量級框架jQuery Mobile初探 79
8.1 jQuery Mobile概述 79
8.2 入門示例Hello World 80
8.2.1 部署文件 80
8.2.2 編碼 81
8.3 基於HTML5的自定義屬性驅動組件 82
8.3.1 dataset自定義屬性 82
8.3.2 使用dataset屬性驅動jQuery Mobile組件 83
8.4 頁麵與視圖 85
8.4.1 標準的移動Web頁麵 85
8.4.2 移動設備的視圖 86
8.4.3 多視圖Web頁麵 88
8.4.4 改變頁麵標題的視圖 90
8.4.5 視圖切換動畫 91
8.4.6 dialog對話框 92
8.4.7 頁麵主題 93
8.5 button按鈕 94
8.5.1 button組件 94
8.5.2 具有icon圖標的button組件 95
8.5.3 具有內聯樣式的button 98
8.5.4 具有分組功能的button按鈕 99
8.6 Bar工具欄 102
8.6.1 如何使用工具欄 103
8.6.2 含有後退按鈕的Header工具欄 104
8.6.3 多按鈕的Footer工具欄 107
8.6.4 導航條工具欄 109
8.6.5 定義fixed工具欄 113
8.6.6 全屏模式工具欄 114
8.7 內容區域格式布局 114
8.7.1 網格布局 114
8.7.2 仿9宮格排列的按鈕組例子 120
8.7.3 摺疊塊功能 122
8.7.4 創建具有手風琴效果的例子 124
8.8 Form錶單 125
8.8.1 如何使用錶單提交功能 126
8.8.2 HTML5文本框類型 126
8.8.3 HTML5搜索類型輸入框 127
8.8.4 Slider類型 128
8.8.5 Toggle類型 129
8.8.6 單選按鈕類型 130
8.8.7 復選框類型 133
8.8.8 下拉選擇菜單 135
8.9 List列錶 144
8.9.1 基本列錶類型 145
8.9.2 普通鏈接列錶 147
8.9.3 多層次嵌套列錶 149
8.9.4 有序編號列錶 151
8.9.5 隻讀列錶 153
8.9.6 可分割按鈕列錶 154
8.9.7 列錶的分隔符 155
8.9.8 列錶搜索過濾器 157
8.9.9 含有氣泡式計數的列錶 159
8.9.10 顯示列錶項右側文本格式的列錶 160
8.9.11 列錶項含有圖標的列錶 162
8.9.12 數據項含有圖片的列錶 163
8.9.13 內嵌列錶 164
8.9.14 列錶的性能問題 166
8.10 配置選項 166
8.11 Event事件 170
8.11.1 頁麵加載事件 171
8.11.2 其他事件類型 171
8.12 實用方法和工具 173
8.12.1 頁麵視圖輔助工具 174
8.12.2 數據存儲 176
8.12.3 地址路徑輔助工具 177
8.12.4 loading顯示/隱藏 184
8.13 主題係統 185
8.14 本章小結 186
第9章重量級富框架Sencha Touch入門 187
9.1 Sencha Touch概述 187
9.1.1 功能特點 187
9.1.2 官方套件包 188
9.2 入門示例Hello World 190
9.2.1 部署文件 190
9.2.2 開始編碼 190
9.2.3 調試環境 192
9.2.4 頁麵調整 192
9.3 事件管理 194
9.3.1 自定義事件 194
9.3.2 初始化事件 195
9.3.3 Touch觸控事件 196
9.3.4 事件管理器Ext.EventManager 197
9.4 核心組件庫 199
9.4.1 Ext.lib.Component 199
9.4.2 屬性、方法、事件 200
9.5 Toolbar工具欄 210
9.5.1 創建一個隻有標題的工具欄例子 211
9.5.2 模擬前進返迴按鈕的工具欄例子 212
9.5.3 具有圖標效果按鈕的工具欄例子 214
9.5.4 按鈕組的工具欄 216
9.6 Tabs選項卡 219
9.6.1 使用TabPanel組件定義Tab頁麵 219
9.6.2 選項卡功能 220
9.7 Carousel 222
9.8 Overlays遮罩層 224
9.8.1 Alert提示信息類型 224
9.8.2 Confirm確認提示框類型 226
9.8.3 Prompt提示輸入類型 227
9.8.4 ActionSheet選擇器類型 229
9.8.5 Overlay浮動層顯示框類型 232
9.9 Picker選擇器 234
9.9.1 創建單列的選擇器例子 235
9.9.2 創建允許選擇日期的選擇器例子 236
9.10 List列錶 238
9.10.1 創建基本的列錶例子 238
9.10.2 改進的分組列錶例子 240
9.10.3 使用Ajax異步請求的列錶 242
9.10.4 XTemplate模闆的應用 245
9.11 對HTML5的支持和封裝 249
9.11.1 封裝HTML5新錶單元素 249
9.11.2 HTML5錶單應用例子 249
9.11.3 封裝GeoLocation地理定位功能 252
9.11.4 本地存儲的支持 255
9.11.5 多媒體的支持 257
9.12 MVC開發模式 258
9.12.1 MVC介紹 258
9.12.2 創建application應用程序 259
9.12.3 Model實體對象 262
9.12.4 View視圖類 267
9.12.5 setActiveItem使用方法 268
9.12.6 Controller業務邏輯類 270
9.13 本章小結 272
第10章跨平颱的PhoneGap應用介紹 273
10.1 PhoneGap概述 273
10.2 搭建PhoneGap開發環境 274
10.2.1 如何在Android平颱下搭建PhoneGap開發環境 275
10.2.2 如何在iOS平颱下搭建PhoneGap 280
10.3 硬件設備接口 283
10.3.1 Accelerometer加速度傳感器 283
10.3.2 Compass對象獲取指南針信息 286
10.3.3 使用connection對象檢測網絡狀態 289
10.3.4 File對象操作文件係統 290
10.3.5 使用Device對象獲取移動設備的信息 307
10.4 軟件接口 309
10.4.1 Camera對象獲取照片資源 309
10.4.2 Capture對象采集多媒體資源 312
10.4.3 使用Contacts對象獲取通信錄資源 317
10.4.4 公告警示信息 326
10.4.5 Media對象 328
10.5 Events事件 328
10.5.1 公共事件 329
10.5.2 網絡狀態事件 332
10.5.3 Android專有事件 333
10.6 HTML5特性 335
10.6.1 GeoLocation定位位置 336
10.6.2 Storage特性 336
10.7 本章小結 336
第11章構建基於HTML5的生活軌跡Web App 337
11.1 項目背景 337
11.1.1 功能介紹 337
11.1.2 功能模塊 339
11.2 創建基本應用程序 340
11.2.1 創建首頁 340
11.2.2 創建入口函數 341
11.3 設置Model數據模型 343
11.3.1 創建Model實體類 343
11.3.2 設置Store對象 344
11.4 創建View視圖組件 344
11.4.1 列錶視圖 344
11.4.2 列錶組件 346
11.4.3 錶單視圖 346
11.4.4 瀏覽生活軌跡視圖 349
11.4.5 Sheet組件選擇更多功能 350
11.5 業務邏輯 352
11.5.1 定義controller類 352
11.5.2 實現視圖之間的切換 352
11.5.3 保存生活軌跡內容 355
11.5.4 實現Geolocation地理定位 355
11.5.5 顯示生活軌跡內容 357
11.5.6 顯示Google地圖 358
11.5.7 顯示Sheet組件函數 360
11.5.8 清除所有存儲的列錶函數 360
11.5.9 刪除一條記錄的函數 361
11.6 緩存文件 362
11.6.1 設置manifest文件內容 362
11.6.2 設置HTML緩存文件 363
11.7 後端服務器通信 364
11.8 本章小結 365
第12章進階之路 366
12.1 重新理解HTML5 366
12.2 瀏覽器的Web開發文檔 367
12.3 網站或社區的推薦 367
12.4 移動Web應用框架 368
· · · · · · (收起)