構(gòu)建跨平臺APP：jQuery Mobile移動應(yīng)用實戰(zhàn)（第2版）

*篇 移動開發(fā)入門
第1章 初探移動開發(fā) 3
1.1 如今的移動行業(yè) 3
1.1.1 手機和平板的世界 3
1.1.2 移動互聯(lián)網(wǎng)的神話 7
1.2 跨平臺移動開發(fā)框架 9
1.2.1 什么是跨平臺移動開發(fā)框架 9
1.2.2 為什么選擇跨平臺移動開發(fā)框架 10
1.2.3 常見的跨平臺移動開發(fā)框架 11
1.3 真正認(rèn)識HTML 5 15
1.3.1 初識HTML 5 16
1.3.2 只要在網(wǎng)站上加一句就是HTML 5網(wǎng)站了嗎 17
1.3.3 HTML 5變遷 17
1.3.4 HTML 5浪潮 18
1.4 認(rèn)識jQuery Mobile 20
1.4.1 為什么選擇jQuery Mobile 20
1.4.2 漸進(jìn)式增強的主題界面 21
1.4.3 簡單但是有條理的標(biāo)記化語言規(guī)范 22
1.4.4 響應(yīng)式布局 23
1.4.5 jQuery Mobile的缺點 24
1.4.6 jQuery Mobile案例 25
1.5 小結(jié) 29

第2章 啟程跨平臺開發(fā)之旅 30
2.1 為什么選擇跨平臺 30
2.2 創(chuàng)建一個應(yīng)用 30
2.2.1 創(chuàng)建跨平臺應(yīng)用 31
2.2.2 同步本地應(yīng)用到云端資源庫 33
2.2.3 真機同步調(diào)試 34
2.2.4 云端編譯打包 35
2.3 小結(jié) 36
第3章 使用jQuery Mobile快速開發(fā)APP 37
3.1 開發(fā)環(huán)境的選擇 37
3.1.1 Sublime Text編輯器 37
3.1.2 Notepad++編輯器 38
3.1.3 WebStorm編輯器 40
3.1.4 在設(shè)備上測試應(yīng)用 41
3.1.5 打包應(yīng)用的方法 44
3.2 原理解析 46
3.2.1 選擇元素 47
3.2.2 設(shè)置屬性 47
3.3 鏈接和按鈕 48
3.4 工具欄 48
3.5 列表 49
3.6 表單控件 49
3.7 小結(jié) 50
第二篇 jQuery Mobile基礎(chǔ)
第4章 頁面與對話框 53
4.1 依然從hello world開始 53
4.2 利用jQuery腳本DIY閃光燈效果 55
4.3 不斷切換的場景 58
4.4 整人游戲：我不是弱智！ 62
4.5 警告！你的手機遭到入侵 65
4.6 實現(xiàn)漸變的背景 67
4.7 另一種對話框 68
4.8 對話框的高級屬性 69
4.9 基于jQuery Mobile的簡單相冊 73
4.10 總結(jié) 76
第5章 工具欄的使用 77
5.1 稍微復(fù)雜的頁面 77
5.1.1 嘗試使用工具欄 77
5.1.2 讓工具欄固定 80
5.1.3 一次無聊的實驗 82
5.2 方便的快捷鍵 84
5.3 失效的按鈕 86
5.4 導(dǎo)航欄的應(yīng)用 87
5.5 導(dǎo)航欄的全屏屬性 90
5.6 內(nèi)容欄的使用 92
5.7 會彈出的面板 95
5.8 小結(jié) 98
第6章 按鈕的使用 99
6.1 簡單按鈕的使用 99
6.2 為按鈕加入圖標(biāo) 101
6.3 更加個性化的顯示圖標(biāo) 104
6.4 自定義按鈕的圖標(biāo) 107
6.5 播放器的面板設(shè)計 109
6.6 頭部欄中的按鈕圖標(biāo) 111
6.7 一個按鈕也可以玩得很開心 114
6.8 簡單的QWER鍵盤 117
6.9 方形的按鈕 119
6.10 對話框中的按鈕 120
6.11 小結(jié) 122
第7章 表單元素的使用 123
7.1 簡單的QQ登錄界面 123
7.2 手機調(diào)查問卷 127
7.3 精準(zhǔn)的進(jìn)度控制 129
7.4 多彩的調(diào)色板 131
7.5 熄燈，請閉眼 132
7.6 做一道選擇題 135
7.7 多項選擇題 137
7.8 請問先生需要什么服務(wù) 139
7.9 對話框中的表單 141
7.10 小結(jié) 143
第8章 列表控件的使用 144
8.1 簡單的新聞列表 144
8.2 音樂專輯列表的顯示 147
8.3 更完善的音樂專輯列表 149
8.4 顯示銷量的商品列表 151
8.5 圖書銷售排名 153
8.6 簡單的電話通訊錄 155
8.7 讓查找更加便捷 157
8.8 比較高級的新聞列表 159
8.9 小結(jié) 162
第9章 jQuery Mobile的布局 163
9.1 改良后的QQ登錄界面 163
9.2 一種簡潔的通訊錄設(shè)計 166
9.3 完美實現(xiàn)九宮格 170
9.4 可以折疊的QQ好友列表 172
9.5 展開圖標(biāo)的設(shè)置 177
9.6 兩種不同的Metro效果實現(xiàn)思路 179
9.6.1 完全利用分欄布局的方法 180
9.6.2 利用純CSS調(diào)整色塊尺寸的方法 181
9.7 簡潔的課程表 184
9.8 小結(jié) 186
第10章 jQuery Mobile的高級特性 187
10.1 jQuery Mobile的多頁面模板 187
10.2 jQuery Mobile中的事件 192
10.3 jQuery Mobile中的觸發(fā)事件 194
10.4 觸發(fā)事件的簡單應(yīng)用 194
10.5 jQuery Mobile的屬性 198
10.6 小結(jié) 200
第11章 在jQuery Mobile中使用插件 201
11.1 jQuery Mobile插件概述 201
11.2 相冊類插件 202
11.2.1 PhotoSwipe的使用 203
11.2.2 Camera的使用 207
11.3 菜單類插件 208
11.4 選擇器插件以及其他插件 209
11.5 如何獲取jQuery Mobile插件 210
11.6 小結(jié) 212
第12章 jQuery Mobile界面綜合實戰(zhàn) 213
12.1 清爽的電子書閱讀器 213
12.2 簡單的計算器 216
12.3 移動BBS模板 218
12.4 基于jQuery Mobile的簡單記事本 221
12.5 基于jQuery Mobile的全鍵盤界面 223
12.6 小結(jié) 226
第三篇 跨平臺APP實戰(zhàn)
第13章 大學(xué)移動校園實戰(zhàn)項目 229
13.1 項目背景 229
13.2 界面設(shè)計 230
13.3 框架設(shè)計 231
13.4 主界面的制作 232
13.5 二級欄目的制作 238
13.6 內(nèi)容頁的制作 241
13.7 校園風(fēng)光模塊 243
13.8 小結(jié) 243
第14章 個人博客項目實戰(zhàn) 244
14.1 項目規(guī)劃 244
14.2 主界面設(shè)計 246
14.3 文章列表的設(shè)計 248
14.4 文章內(nèi)容頁的實現(xiàn) 253
14.5 文章類的設(shè)計 255
14.6 測試環(huán)境的搭建 257
14.7 數(shù)據(jù)庫的設(shè)計 262
14.8 內(nèi)容頁功能的實現(xiàn) 268
14.9 文章列表的實現(xiàn) 273
14.10 首頁的實現(xiàn) 277
14.11 小結(jié) 279
第15章 在線音樂播放器 280
15.1 項目介紹 280
15.2 界面布局設(shè)計 283
15.2.1 首頁界面設(shè)計 283
15.2.2 推薦專題頁面的設(shè)計 284
15.2.3 歌手列表界面設(shè)計 285
15.2.4 專輯列表界面設(shè)計 286
15.3 控制面板功能的實現(xiàn) 286
15.3.1 audio控件簡介 286
15.3.2 需求分析 290
15.3.3 功能實現(xiàn) 292
15.4 界面的實現(xiàn) 297
15.4.1 首頁界面的實現(xiàn) 298
15.4.2 推薦專題界面的實現(xiàn) 299
15.4.3 歌手列表界面的實現(xiàn) 301
15.4.4 專輯列表界面的實現(xiàn) 303
15.5 數(shù)據(jù)庫的設(shè)計 304
15.6 后臺的實現(xiàn) 309
15.6.1 數(shù)據(jù)庫連接類的實現(xiàn) 309
15.6.2 主頁功能的實現(xiàn) 311
15.6.3 推薦專題頁面功能實現(xiàn) 313
15.6.4 歌手列表功能的實現(xiàn) 321
15.6.5 專輯列表功能的實現(xiàn) 323
15.7 小結(jié) 325
第16章 在線視頻播放器 326
16.1 項目需求 326
16.2 界面設(shè)計 327
16.3 界面的實現(xiàn) 329
16.3.1 主題文件的獲取 329
16.3.2 主頁界面的實現(xiàn) 331
16.3.3 二級頁面的實現(xiàn) 333
16.3.4 視頻播放界面的實現(xiàn) 335
16.4 數(shù)據(jù)庫設(shè)計 337
16.5 功能的實現(xiàn) 340
16.5.1 首頁功能的實現(xiàn) 340
16.5.2 專輯列表功能的實現(xiàn) 343
16.5.3 播放頁面的實現(xiàn) 346
16.6 小結(jié) 349
第17章 大學(xué)校園表白墻 350
17.1 項目介紹 350
17.2 頁面設(shè)計 351
17.2.1 主頁兼登錄頁面的設(shè)計 351
17.2.2 注冊頁面的設(shè)計 352
17.2.3 信息發(fā)布頁面的設(shè)計 353
17.3 界面的實現(xiàn) 353
17.3.1 首頁界面的實現(xiàn) 353
17.3.2 登錄界面的實現(xiàn) 355
17.3.3 注冊頁面的實現(xiàn) 359
17.3.4 表白模塊的實現(xiàn) 361
17.4 數(shù)據(jù)庫的設(shè)計 362
17.5 功能的實現(xiàn) 365
17.5.1 注冊功能的實現(xiàn) 365
17.5.2 主頁功能的實現(xiàn) 369
17.5.3 發(fā)表留言功能的實現(xiàn) 374
17.5.4 首頁的完善 377
17.6 小結(jié) 381
第18章 天天背單詞項目實戰(zhàn) 382
18.1 項目說明 382
18.2 *版的實現(xiàn) 383
18.2.1 *版界面的實現(xiàn) 383
18.2.2 數(shù)據(jù)庫的建立 386
18.2.3 功能的實現(xiàn) 386
18.2.4 階段性總結(jié) 388
18.3 改進(jìn)和完善 389
18.3.1 方案描述 389
18.3.2 列表頁面的實現(xiàn) 389
18.3.3 列表頁面功能的實現(xiàn) 391
18.3.4 背單詞頁面的改進(jìn) 393
18.4 小結(jié) 396
第四篇 發(fā)布和推廣應(yīng)用
第19章 應(yīng)用的發(fā)布和推廣 399
19.1 如何生成跨平臺的應(yīng)用 399
19.2 怎樣發(fā)布應(yīng)用 401
19.3 怎樣推廣應(yīng)用 403
19.4 小結(jié) 403