jQuery Mobile移動(dòng)應(yīng)用開(kāi)發(fā)實(shí)戰(zhàn)（第3版）

目    錄
篇  移動(dòng)開(kāi)發(fā)入門(mén)
第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)的神話    5
1.2  跨平臺(tái)移動(dòng)開(kāi)發(fā)框架    7
1.2.1  什么是跨平臺(tái)移動(dòng)開(kāi)發(fā)框架    7
1.2.2  為什么選擇跨平臺(tái)移動(dòng)開(kāi)發(fā)框架    8
1.2.3  常見(jiàn)的跨平臺(tái)移動(dòng)開(kāi)發(fā)框架    8
1.3  真正認(rèn)識(shí)HTML 5    13
1.3.1  初識(shí)HTML 5    14
1.3.2  只要在網(wǎng)站上加一句就是HTML 5網(wǎng)站了嗎    14
1.3.3  HTML 5變遷    15
1.3.4  HTML 5浪潮    15
1.4  認(rèn)識(shí)jQuery Mobile    17
1.4.1  為什么選擇jQuery Mobile    17
1.4.2  漸進(jìn)式增強(qiáng)的主題界面    18
1.4.3  簡(jiǎn)單但是有條理的標(biāo)記化語(yǔ)言規(guī)范    19
1.4.4  響應(yīng)式布局    20
1.4.5  jQuery Mobile的缺點(diǎn)    21
1.4.6  jQuery Mobile案例    22
1.5  小結(jié)    25
第2章  啟程跨平臺(tái)開(kāi)發(fā)之旅    26
2.1   為什么選擇跨平臺(tái)    26
2.2   創(chuàng)建一個(gè)應(yīng)用    26
2.2.1  創(chuàng)建跨平臺(tái)應(yīng)用    27
2.2.2  同步本地應(yīng)用到云端資源庫(kù)    28
2.2.3  真機(jī)同步調(diào)試    29
2.2.4  云端編譯打包    30
2.3  小結(jié)    31
第3章  使用jQuery Mobile快速開(kāi)發(fā)App    32
3.1  開(kāi)發(fā)環(huán)境的選擇    32
3.1.1  Sublime Text編輯器    32
3.1.2  Notepad 編輯器    33
3.1.3  WebStorm編輯器    35
3.1.4  在設(shè)備上測(cè)試應(yīng)用    36
3.1.5  打包應(yīng)用的方法    39
3.2  原理解析    40
3.2.1  選擇元素    41
3.2.2  設(shè)置屬性    42
3.3  鏈接和按鈕    42
3.4  工具欄    43
3.5  列表    43
3.6  表單控件    44
3.7  小結(jié)    44
第二篇  jQuery Mobile基礎(chǔ)
第4章  頁(yè)面與對(duì)話框    47
4.1  依然從hello world開(kāi)始    47
4.2  利用jQuery腳本DIY閃光燈效果    49
4.3  不斷切換的場(chǎng)景    52
4.4  整人游戲：我不是弱智！    55
4.5  警告！你的手機(jī)遭到入侵    58
4.6  實(shí)現(xiàn)漸變的背景    60
4.7  另一種對(duì)話框    61
4.8  對(duì)話框的高級(jí)屬性    62
4.9  基于jQuery Mobile的簡(jiǎn)單相冊(cè)    66
4.10  總結(jié)    68
第5章  工具欄的使用    69
5.1  稍微復(fù)雜的頁(yè)面    69
5.1.1  嘗試使用工具欄    69
5.1.2  讓工具欄固定    72
5.1.3  一次無(wú)聊的實(shí)驗(yàn)    74
5.2  方便的快捷鍵    75
5.3  失效的按鈕    77
5.4  導(dǎo)航欄的應(yīng)用    78
5.5  導(dǎo)航欄的全屏屬性    81
5.6  內(nèi)容欄的使用    83
5.7  會(huì)彈出的面板    85
5.8  小結(jié)    88
第6章  按鈕的使用    89
6.1  簡(jiǎn)單按鈕的使用    89
6.2  為按鈕加入圖標(biāo)    90
6.3  更加個(gè)性化的顯示圖標(biāo)    93
6.4  自定義按鈕的圖標(biāo)    96
6.5  播放器的面板設(shè)計(jì)    99
6.6  頭部欄中的按鈕圖標(biāo)    101
6.7  一個(gè)按鈕也可以玩得很開(kāi)心    104
6.8  簡(jiǎn)單的QWER鍵盤(pán)    106
6.9  方形的按鈕    108
6.10  對(duì)話框中的按鈕    110
6.11  小結(jié)    112
第7章  表單元素的使用    113
7.1  簡(jiǎn)單的QQ登錄界面    113
7.2  手機(jī)調(diào)查問(wèn)卷    117
7.3  精準(zhǔn)的進(jìn)度控制    119
7.4  多彩的調(diào)色板    121
7.5  熄燈，請(qǐng)閉眼    123
7.6  做一道選擇題    125
7.7  多項(xiàng)選擇題    127
7.8  請(qǐng)問(wèn)先生需要什么服務(wù)    128
7.9  對(duì)話框中的表單    131
7.10  小結(jié)    133
第8章  列表控件的使用    134
8.1  簡(jiǎn)單的新聞列表    134
8.2  音樂(lè)專(zhuān)輯列表的顯示    137
8.3  更完善的音樂(lè)專(zhuān)輯列表    139
8.4  顯示銷(xiāo)量的商品列表    142
8.5  圖書(shū)銷(xiāo)售排名    144
8.6  簡(jiǎn)單的電話通訊錄    145
8.7  讓查找更加便捷    147
8.8  比較高級(jí)的新聞列表    149
8.9  小結(jié)    152
第9章  jQuery Mobile的布局    153
9.1  改良后的QQ登錄界面    153
9.2  一種簡(jiǎn)潔的通訊錄設(shè)計(jì)    156
9.3  完美實(shí)現(xiàn)九宮格    159
9.4  可以折疊的QQ好友列表    162
9.5  展開(kāi)圖標(biāo)的設(shè)置    166
9.6  兩種不同的Metro效果實(shí)現(xiàn)思路    168
9.6.1  完全利用分欄布局的方法    168
9.6.2  利用純CSS調(diào)整色塊尺寸的方法    170
9.7  簡(jiǎn)潔的課程表    172
9.8  小結(jié)    174
第10章  jQuery Mobile的高級(jí)特性    175
10.1  jQuery Mobile的多頁(yè)面模板    175
10.2  jQuery Mobile中的事件    180
10.3  jQuery Mobile中的觸發(fā)事件    182
10.4  觸發(fā)事件的簡(jiǎn)單應(yīng)用    182
10.5  jQuery Mobile的屬性    186
10.6  小結(jié)    188
第11章  在jQuery Mobile中使用插件    189
11.1  jQuery Mobile插件概述    189
11.2  相冊(cè)類(lèi)插件    190
11.2.1  PhotoSwipe的使用    190
11.2.2  Camera的使用    195
11.3  菜單類(lèi)插件    197
11.4  選擇器插件及其他插件    198
11.5  如何獲取jQuery Mobile插件    199
11.6  小結(jié)    200
第12章  jQuery Mobile界面綜合實(shí)戰(zhàn)    201
12.1  清爽的電子書(shū)閱讀器    201
12.2  簡(jiǎn)單的計(jì)算器    204
12.3  移動(dòng)BBS模板    207
12.4  基于jQuery Mobile的簡(jiǎn)單記事本    210
12.5  基于jQuery Mobile的全鍵盤(pán)界面    212
12.6  小結(jié)    215
第三篇  跨平臺(tái)App實(shí)戰(zhàn)
第13章  大學(xué)移動(dòng)校園實(shí)戰(zhàn)項(xiàng)目    219
13.1  項(xiàng)目背景    219
13.2  界面設(shè)計(jì)    220
13.3  框架設(shè)計(jì)    221
13.4  主界面的制作    222
13.5  二級(jí)欄目的制作    228
13.6  內(nèi)容頁(yè)的制作    231
13.7  校園風(fēng)光模塊    233
13.8  小結(jié)    233
第14章  個(gè)人博客項(xiàng)目實(shí)戰(zhàn)    234
14.1  項(xiàng)目規(guī)劃    234
14.2  主界面設(shè)計(jì)    235
14.3  文章列表的設(shè)計(jì)    238
14.4  文章內(nèi)容頁(yè)的實(shí)現(xiàn)    242
14.5  文章類(lèi)的設(shè)計(jì)    245
14.6  測(cè)試環(huán)境的搭建    247
14.7  數(shù)據(jù)庫(kù)的設(shè)計(jì)    250
14.8  內(nèi)容頁(yè)功能的實(shí)現(xiàn)    257
14.9  文章列表的實(shí)現(xiàn)    261
14.10  首頁(yè)的實(shí)現(xiàn)    266
14.11  小結(jié)    268
第15章  在線音樂(lè)播放器    269
15.1  項(xiàng)目介紹    269
15.2  界面布局設(shè)計(jì)    272
15.2.1  首頁(yè)界面設(shè)計(jì)    272
15.2.2  推薦專(zhuān)題頁(yè)面的設(shè)計(jì)    273
15.2.3  歌手列表界面設(shè)計(jì)    274
15.2.4  專(zhuān)輯列表界面設(shè)計(jì)    274
15.3  控制面板功能的實(shí)現(xiàn)    275
15.3.1  audio控件簡(jiǎn)介    275
15.3.2  需求分析    279
15.3.3  功能實(shí)現(xiàn)    281
15.4  界面的實(shí)現(xiàn)    285
15.4.1  首頁(yè)界面的實(shí)現(xiàn)    286
15.4.2  推薦專(zhuān)題界面的實(shí)現(xiàn)    287
15.4.3  歌手列表界面的實(shí)現(xiàn)    289
15.4.4  專(zhuān)輯列表界面的實(shí)現(xiàn)    291
15.5  數(shù)據(jù)庫(kù)的設(shè)計(jì)    292
15.6  后臺(tái)的實(shí)現(xiàn)    297
15.6.1  數(shù)據(jù)庫(kù)連接類(lèi)的實(shí)現(xiàn)    297
15.6.2  主頁(yè)功能的實(shí)現(xiàn)    298
15.6.3  推薦專(zhuān)題頁(yè)面功能實(shí)現(xiàn)    301
15.6.4  歌手列表功能的實(shí)現(xiàn)    307
15.6.5  專(zhuān)輯列表功能的實(shí)現(xiàn)    309
15.7  小結(jié)    311
第16章  在線視頻播放器    312
16.1  項(xiàng)目需求    312
16.2  界面設(shè)計(jì)    313
16.3  界面的實(shí)現(xiàn)    314
16.3.1  主題文件的獲取    314
16.3.2  主頁(yè)界面的實(shí)現(xiàn)    316
16.3.3  二級(jí)頁(yè)面的實(shí)現(xiàn)    318
16.3.4  視頻播放界面的實(shí)現(xiàn)    320
16.4  數(shù)據(jù)庫(kù)設(shè)計(jì)    322
16.5  功能的實(shí)現(xiàn)    324
16.5.1 首頁(yè)功能的實(shí)現(xiàn)    325
16.5.2 專(zhuān)輯列表功能的實(shí)現(xiàn)    328
16.5.3  播放頁(yè)面的實(shí)現(xiàn)    331
16.6  小結(jié)    334
第17章  大學(xué)校園表白墻    335
17.1  項(xiàng)目介紹    335
17.2  頁(yè)面設(shè)計(jì)    336
17.2.1  主頁(yè)兼登錄頁(yè)面的設(shè)計(jì)    336
17.2.2  注冊(cè)頁(yè)面的設(shè)計(jì)    337
17.2.3  信息發(fā)布頁(yè)面的設(shè)計(jì)    337
17.3  界面的實(shí)現(xiàn)    338
17.3.1  首頁(yè)界面的實(shí)現(xiàn)    338
17.3.2  登錄界面的實(shí)現(xiàn)    340
17.3.3  注冊(cè)界面的實(shí)現(xiàn)    344
17.3.4  表白模塊的實(shí)現(xiàn)    345
17.4  數(shù)據(jù)庫(kù)的設(shè)計(jì)    347
17.5  功能的實(shí)現(xiàn)    349
17.5.1  注冊(cè)功能的實(shí)現(xiàn)    350
17.5.2  主頁(yè)功能的實(shí)現(xiàn)    354
17.5.3  發(fā)表留言功能的實(shí)現(xiàn)    359
17.5.4  首頁(yè)的完善    361
17.6  小結(jié)    366
第18章  天天背單詞項(xiàng)目實(shí)戰(zhàn)    367
18.1  項(xiàng)目說(shuō)明    367
18.2   版的實(shí)現(xiàn)    368
18.2.1  版界面的實(shí)現(xiàn)    368
18.2.2  數(shù)據(jù)庫(kù)的建立    370
18.2.3  功能的實(shí)現(xiàn)    371
18.2.4  階段性總結(jié)    373
18.3  改進(jìn)和完善    373
18.3.1  方案描述    373
18.3.2  列表頁(yè)面的實(shí)現(xiàn)    374
18.3.3  列表頁(yè)面功能的實(shí)現(xiàn)    375
18.3.4  背單詞頁(yè)面的改進(jìn)    377
18.4  小結(jié)    380
第四篇  發(fā)布和推廣應(yīng)用
第19章  應(yīng)用的發(fā)布和推廣    383
19.1  如何生成跨平臺(tái)的應(yīng)用    383
19.2  怎樣發(fā)布應(yīng)用    385
19.3  怎樣推廣應(yīng)用    386
19.4  小結(jié)    387