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

*篇 移動(dòng)開(kāi)發(fā)入門
第1章 初探移動(dòng)開(kāi)發(fā) 3
1.1 如今的移動(dòng)行業(yè) 3
1.1.1 手機(jī)和平板的世界 3
1.1.2 移動(dòng)互聯(lián)網(wǎng)的神話 7
1.2 跨平臺(tái)移動(dòng)開(kāi)發(fā)框架 9
1.2.1 什么是跨平臺(tái)移動(dòng)開(kāi)發(fā)框架 9
1.2.2 為什么選擇跨平臺(tái)移動(dòng)開(kāi)發(fā)框架 10
1.2.3 常見(jiàn)的跨平臺(tái)移動(dòng)開(kāi)發(fā)框架 11
1.3 真正認(rèn)識(shí)HTML 5 15
1.3.1 初識(shí)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)識(shí)jQuery Mobile 20
1.4.1 為什么選擇jQuery Mobile 20
1.4.2 漸進(jìn)式增強(qiáng)的主題界面 21
1.4.3 簡(jiǎn)單但是有條理的標(biāo)記化語(yǔ)言規(guī)范 22
1.4.4 響應(yīng)式布局 23
1.4.5 jQuery Mobile的缺點(diǎn) 24
1.4.6 jQuery Mobile案例 25
1.5 小結(jié) 29

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