《HTML5+CSS3+jQuery Mobile+Bootstrap開發APP從入門到精》是2019年清華大學出版社出版的圖書，作者是張工廠。
基本介紹
- 書名：HTML5+CSS3+jQuery Mobile+Bootstrap開發APP從入門到精
- 作者：張工廠
- ISBN：9787302527237
- 定價：99元
- 出版時間：2019.06.01
圖書簡介,圖書目錄,
圖書簡介
本書以套用實例和綜合實戰案例的形式逐一詳解了HTML5網頁設計的文檔結構、文本、圖像、用HTML5創建超連結、表格、使用表單、HTML5中的音頻和視頻、HTML5繪製圖形、地理定位、離線Web套用、用CSS3設定字型與段落、表格和表單的樣式、美化圖片、背景、框線和用CSS3+DIV布局頁面、jQueryMobileUI組件、jQueryMobile事件、使用最新Bootstrap4框架、開發計算器、開發求職招聘、開發購物網站和開發手機遊戲等內容。
通過對本書實例和綜合案例的學習與演練，讀者可以儘快掌握所學的知識，提高網頁設計的實戰能力，同時本書在網上提供了實例原始碼，可供讀者直接查看和調用，以便快速上手或進行二次開發。
圖書目錄
第1章 HTML5快速入門 1
1.1 HTML5概述 1
1.2 HTML5的文檔結構 3
1.2.1 文檔類型說明 3
1.2.2 HTML標記 3
1.2.3 頭標記head 3
1.2.4 網頁的主體標記body 7
1.2.5 頁面注釋標記<!-- --> 7
1.3 HTML5檔案的編寫方法 8
1.3.1 使用記事本手工編寫HTML檔案 8
1.3.2 使用Dreamweaver CC編寫HTML檔案 9
1.4 HTML5語法的新變化 11
1.4.1 標籤不再區分大小寫 11
1.4.2 允許屬性值不使用引號 12
1.4.3 允許部分屬性值的屬性省略 12
1.5 專家解惑 13
第2章 HTML5網頁中的文本和圖像 15
2.1 添加文本 15
2.1.1 普通文本 15
2.1.2 特殊文字元號 16
2.1.3 文本特殊樣式 17
2.2 文本排版 19
2.2.1 換行標記<br/>與段落標記<p> 19
2.2.2 標題標記<h1>～<h6> 22
2.3 文字列表 23
2.3.1 建立無序列表<ul> 23
2.3.2 建立有序列表<ol> 24
2.4 網頁中的圖像<img> 25
2.4.1 網頁中支持的圖片格式 26
2.4.2 使用路徑 26
2.4.3 網頁中插入圖像標記<img> 28
2.5 綜合實例—圖文並茂房屋裝飾裝修網頁 31
2.6 專家解惑 33
第3章 用HTML5建立超鏈...
第3章用HTML5建立超連結 34
3.1URL的概念 34
3.1.1URL的格式 34
3.1.2URL的類型 35
3.2超連結標記<a> 36
3.2.1設定文本和圖片的超連結 36
3.2.2超連結指向的目標類型 37
3.2.3設定以新視窗顯示超連結頁面 39
3.3創建熱點區域 40
3.4浮動框架iframe 41
3.5綜合實例—用Dreamweaver精確定位熱點區域 42
3.6專家解惑 45
第4章用HTML5創建表格 46
4.1表格基本結構及操作 46
4.1.1表格基本結構 46
4.1.2合併單元格 48
4.2完整的表格標記 52
4.3綜合實例—製作計算機報價單 54
4.4專家解惑 56
第5章使用表單 58
5.1表單概述 58
5.2表單基本元素的使用 59
5.2.1單行文本輸入框text 59
5.2.2多行文本框標記<textarea> 60
5.2.3密碼域password 61
5.2.4單選按鈕radio 61
5.2.5複選框checkbox 62
5.2.6選擇列表標記<select> 63
5.2.7普通按鈕button 64
5.2.8提交按鈕submit 65
5.2.9重置按鈕reset 66
5.3表單高級元素的使用 67
5.3.1url屬性 67
5.3.2eamil屬性 68
5.3.3date和Times 69
5.3.4number屬性 70
5.3.5range屬性 71
5.3.6required屬性 72
5.4綜合實例—創建用戶反饋表單 73
5.5專家解惑 74
第6章HTML5中的音頻和視頻 75
6.1<audio>標記 75
6.1.1<audio>標記概述 75
6.1.2<audio>標記的屬性 76
6.1.3音頻解碼器 77
6.1.4<audio>標記瀏覽器的支持情況 77
6.2<video>標記 77
6.2.1<video>標記概述 77
6.2.2<video>標記的屬性 78
6.2.3視頻解碼器 79
6.2.4<video>標記瀏覽器的支持情況 79
6.3音頻和視頻中的方法 80
6.3.1canPlayType()方法 80
6.3.2load()方法 81
6.3.3play()方法和pause()方法 82
6.4音頻和視頻中的屬性 83
6.4.1autoplay屬性 83
6.4.2buffered屬性 84
6.4.3controls屬性 86
6.4.4currentSrc屬性 87
6.5專家解惑 88
第7章HTML5繪製圖形 90
7.1canvas概述 90
7.1.1添加canvas元素 90
7.1.2繪製矩形 91
7.2繪製基本形狀 92
7.2.1繪製圓形 92
7.2.2使用moveTo與lineTo繪製直線 94
7.2.3使用bezierCurveTo繪製貝濟埃曲線 95
7.3繪製漸變圖形 97
7.3.1繪製線性漸變 98
7.3.2繪製徑向漸變 99
7.4繪製變形圖形 101
7.4.1變換原點坐標 101
7.4.2圖形縮放 102
7.4.3旋轉圖形 103
7.5圖形組合 105
7.6繪製帶陰影的圖形 107
7.7使用圖像 108
7.7.1繪製圖像 108
7.7.2圖像平鋪 110
7.7.3圖像裁剪 112
7.7.4像素處理 113
7.8繪製文字 116
7.9圖形的保存與恢復 117
7.9.1保存與恢復狀態 117
7.9.2保存檔案 119
7.10綜合實例1—繪製商標 120
7.11綜合實例2—繪製火柴棒人物 122
7.12綜合實例3—繪製時鐘 126
7.13專家解惑 129
第8章地理定位、離線Web套用和Web存儲 131
8.1獲取地理位置 131
8.1.1地理地位的原理 131
8.1.2地理定位的函式 132
8.1.3指定緯度和經度坐標 132
8.1.4目前瀏覽器對地理定位的支持情況 134
8.2HTML5離線Web套用 134
8.2.1新增的本地快取 134
8.2.2本地快取的管理者—manifest檔案 134
8.2.3瀏覽器網頁快取與本地快取的區別 136
8.2.4目前瀏覽器對Web離線套用的支持情況 136
8.3Web存儲 136
8.3.1本地存儲和Cookies的區別 137
8.3.2在客戶端存儲數據 137
8.3.3sessionStorage函式 137
8.3.4localStorage函式 139
8.3.5目前瀏覽器對Web存儲的支持情況 141
8.4專家解惑 141
第9章CSS3快速入門 142
9.1CSS3介紹 142
9.1.1CSS3功能 142
9.1.2CSS3發展歷史 143
9.1.3瀏覽器與CSS3 143
9.2編輯和瀏覽CSS 144
9.2.1CSS基礎語法 144
9.2.2使用記事本手工編寫CSS檔案 145
9.2.3使用DreamweaverCC創建CSS檔案 146
9.3在HTML5中使用CSS3的方法 147
9.3.1行內樣式 148
9.3.2內嵌樣式 149
9.3.3連結樣式 150
9.3.4導入樣式 151
9.3.5優先權問題 153
9.4CSS3選擇器 155
9.4.1標記選擇器 156
9.4.2類選擇器 157
9.4.3ID選擇器 158
9.4.4全局選擇器 160
9.4.5組合選擇器 161
9.4.6繼承選擇器 162
9.4.7偽類 164
9.4.8屬性選擇器 165
9.4.9結構偽類選擇器 167
9.4.10UI元素狀態偽類選擇器 168
9.5選擇器聲明 170
9.5.1集體聲明 170
9.5.2多重嵌套聲明 171
9.6綜合實例1—製作五彩標題 172
9.7綜合實例2—製作新聞選單 175
9.8專家解惑 178
第10章CSS3字型與段落屬性 180
10.1字型屬性 180
10.1.1字型font-family 180
10.1.2字號font-size 181
10.1.3字型風格font-style 183
10.1.4加粗字型font-weight 184
10.1.5小寫字母轉為大寫字母font-variant 185
10.1.6字型複合屬性font 186
10.1.7字型顏色color 187
10.2文本高級樣式 189
10.2.1陰影文本text-shadow 189
10.2.2溢出文本text-overflow 190
10.2.3控制換行word-wrap 192
10.2.4保持字型尺寸不變font-size-adjust 193
10.3段落屬性 194
10.3.1單詞間隔word-spacing 194
10.3.2字元間隔letter-spacing 195
10.3.3文字修飾text-decoration 196
10.3.4垂直對齊方式vertial-align 197
10.3.5文本轉換text-transform 199
10.3.6水平對齊方式text-align 200
10.3.7文本縮進text-indent 202
10.3.8文本行高line-height 203
10.3.9處理空白white-sapce 204
10.3.10文本反排unicode-bidi和direction 206
10.4綜合實例1—製作旅遊宣傳網頁 207
10.5綜合實例2—網頁簡單圖文混排 211
10.6專家解惑 213
第11章CSS3美化表格和表單樣式 214
11.1表格基本樣式 214
11.1.1表格框線樣式 214
11.1.2表格框線寬度 217
11.1.3表格框線顏色 218
11.2CSS3與表單 219
11.2.1美化表單中元素 220
11.2.2美化提交按鈕 222
11.2.3美化下拉選單 223
11.3綜合實例1—隔行變色 225
11.4綜合實例2—表格圖文網頁布局 228
11.5綜合實例3—變色表格 230
11.6綜合實例4—登錄表單 233
11.7綜合實例5—註冊表單 235
11.8專家解惑 238
第12章CSS3美化圖像 239
12.1圖片樣式 239
12.1.1圖片框線 239
12.1.2圖片縮放 241
12.2對齊圖片 244
12.2.1橫向對齊方式 244
12.2.2縱向對齊方式 245
12.3圖文混排 247
12.3.1文字環繞 247
12.3.2設定圖片與文字間距 248
12.4綜合實例1—一句話新聞 250
12.5綜合實例2—學校宣傳單 254
12.6專家解惑 256
第13章CSS3美化背景與框線 257
13.1背景相關屬性 257
13.1.1背景顏色 257
13.1.2背景圖片 259
13.1.3背景圖片重複 260
13.1.4背景圖片顯示 261
13.1.5背景圖片位置 263
13.1.6背景圖片大小 265
13.1.7背景顯示區域 267
13.1.8背景圖像裁剪區域 268
13.1.9背景複合屬性 270
13.2框線 270
13.2.1框線樣式 270
13.2.2框線顏色 272
13.2.3框線線寬 274
13.2.4框線複合屬性 275
13.3圓角框線 276
13.3.1圓角框線屬性 276
13.3.2指定兩個圓角半徑 277
13.3.3繪製4個不同圓角框線 278
13.3.4繪製框線種類 281
13.4圖片框線 283
13.4.1圖片框線屬性 283
13.4.2設定圖像框線顯示方式 284
13.5綜合實例—設計公司主頁 287
13.6專家解惑 290
第14章網頁的定位與布局 292
14.1定位方式 292
14.1.1定位屬性 292
14.1.2position定位 293
14.1.3層疊順序z-index 298
14.1.4邊偏移屬性 300
14.2float浮動定位 301
14.3overflow溢出定位 303
14.4visibility隱藏定位 305
14.5塊和行內元素display 307
14.5.1塊元素 307
14.5.2行內元素 309
14.6綜合實例—定位布局新聞 310
14.7專家解惑 314
第15章CSS3盒子和DIV布局 315
15.1認識div層 315
15.1.1層在HTML布局套用 315
15.1.2div和span區別 316
15.2盒子模型 317
15.2.1什麼是盒子模型 317
15.2.2border框線 319
15.2.3padding內邊距 320
15.2.4margin外邊距 322
15.3CSS3新增彈性盒模型 326
15.3.1盒子布局取向box-orient 326
15.3.2盒子布局順序box-direction 328
15.3.3盒子布局位置box-ordinal-group 329
15.3.4盒子彈性空間box-flex 331
15.3.5管理盒子空間box-pack和box-align 333
15.3.6空間溢出管理box-lines 335
15.4綜合實例1—圖文排版效果 337
15.5綜合實例2—淘寶導購選單 339
15.6專家解惑 342
第16章CSS3+DIV頁面基本排版 344
16.1CSS3排版概念 344
16.1.1將頁面用DIV分塊 344
16.1.2設定各塊位置 345
16.1.3用CSS定位 345
16.2固定寬度布局 349
16.2.1上中下版式 349
16.2.2左右版式 353
16.3新增CSS3多列布局 359
16.3.1列寬度column-width 359
16.3.2列數column-count 361
16.3.3列間距column-gap 362
16.3.4列框線樣式column-rule 364
16.4綜合實例—電子企業首頁 366
16.5專家解惑 371
第17章熟悉jQueryMobile 373
17.1認識jQueryMobile 373
17.2跨平台移動設備網頁jQueryMobile 374
17.2.1移動設備模擬器 374
17.2.2jQueryMobile的安裝 376
17.2.3jQueryMobile網頁的架構 377
17.3創建多頁面的jQueryMobile網頁 379
17.4將頁面作為對話框使用 380
17.5絢麗多彩的頁面切換效果 382
17.6專家解惑 384
第18章jQueryMobileUI組件 385
18.1套用UI組件 385
18.1.1表單組件 385
18.1.2按鈕和按鈕組 395
18.1.3按鈕圖示 398
18.1.4彈窗 399
18.2列表 401
18.2.1列表視圖 401
18.2.2列表內容 404
18.2.3列表過濾 406
18.3面板和可摺疊塊 407
18.3.1面板 407
18.3.2可摺疊塊 409
18.4導航條 411
18.5jQueryMobile主題 415
18.6專家解惑 419
第19章jQueryMobile事件 420
19.1頁面事件 420
19.1.1初始化事件 420
19.1.2外部頁面載入事件 423
19.1.3頁面過渡事件 425
19.2觸摸事件 427
19.2.1點擊事件 427
19.2.2滑動事件 429
19.3滾屏事件 431
19.4定位事件 435
19.5專家解惑 436
第20章使用最新Bootstrap4框架 437
20.1Bootstrap概述 437
20.1.1Bootstrap特色 437
20.1.2Bootstrap4的更新 438
20.2下載Bootstrap 439
20.3安裝Bootstrap 441
20.3.1本地安裝Bootstrap 441
20.3.2初次使用Bootstrap 441
20.4使用常用組件 442
20.4.1使用下拉選單 442
20.4.2使用按鈕組 444
20.4.3使用導航組件 445
20.4.4綁定導航和下拉選單 448
20.4.5麵包屑導航 449
20.4.6使用廣告屏 451
20.4.7使用card（卡片） 452
20.4.8使用進度條 454
20.4.9使用模態框 459
20.4.10使用滾動監聽 461
20.5案例實戰—膠囊導航選項卡（Tab欄） 463
20.6專家解惑 465
第21章開發計算器APP 467
21.1項目概述 467
21.1.1功能梳理 467
21.1.2開發環境 467
21.1.3項目結構目錄 468
21.1.4項目打包 468
21.1.5項目效果展示 469
21.2項目設計 470
21.2.1index.html檔案 471
21.2.2index.css檔案 472
21.2.3calc.js檔案 477
21.2.4common.js檔案 483
第22章開發求職招聘APP 487
22.1項目概述 487
22.1.1項目結構目錄 487
22.1.2項目效果展示 488
22.2項目設計 490
22.2.1設計登錄和註冊頁面 491
22.2.2設計個人中心頁面 493
22.2.3設計簡歷預覽頁面 494
22.2.4設計簡歷編輯頁面 496
22.2.5設計投遞記錄和職位收藏頁面 497
22.2.6設計職位列表頁面 500
22.2.7設計職位詳情頁面 502
22.3項目打包成APP 503
第23章項目實訓3—開發購物網站APP 507
23.1項目概述 507
23.1.1項目結構目錄 507
23.1.2項目效果展示 508
23.2首頁設計 511
23.2.1設計廣告欄 511
23.2.2設計導航欄 514
23.2.3設計輪播 515
23.2.4設計蔬菜欄 517
23.2.5設計乾果欄 520
23.2.6設計底部欄 524
23.3購買頁面設計 526
23.4蔬菜展示頁面設計 529
23.5項目打包成APP 532
第24章項目實訓4—開發遊戲APP 533
24.1遊戲概述 533
24.1.1遊戲結構目錄 533
24.1.2項目效果演示 534
24.2遊戲設計 534
24.2.1index.html檔案 534
24.2.2style.css檔案 535
24.2.3index.js檔案 536
24.3項目打包成APP 538
8.1.4目前瀏覽器對地理定位的支持情況 134
8.2HTML5離線Web套用 134
8.2.1新增的本地快取 134
8.2.2本地快取的管理者—manifest檔案 134
8.2.3瀏覽器網頁快取與本地快取的區別 136
8.2.4目前瀏覽器對Web離線套用的支持情況 136
8.3Web存儲 136
8.3.1本地存儲和Cookies的區別 137
8.3.2在客戶端存儲數據 137
8.3.3sessionStorage函式 137
8.3.4localStorage函式 139
8.3.5目前瀏覽器對Web存儲的支持情況 141
8.4專家解惑 141
第9章CSS3快速入門 142
9.1CSS3介紹 142
9.1.1CSS3功能 142
9.1.2CSS3發展歷史 143
9.1.3瀏覽器與CSS3 143
9.2編輯和瀏覽CSS 144
9.2.1CSS基礎語法 144
9.2.2使用記事本手工編寫CSS檔案 145
9.2.3使用DreamweaverCC創建CSS檔案 146
9.3在HTML5中使用CSS3的方法 147
9.3.1行內樣式 148
9.3.2內嵌樣式 149
9.3.3連結樣式 150
9.3.4導入樣式 151
9.3.5優先權問題 153
9.4CSS3選擇器 155
9.4.1標記選擇器 156
9.4.2類選擇器 157
9.4.3ID選擇器 158
9.4.4全局選擇器 160
9.4.5組合選擇器 161
9.4.6繼承選擇器 162
9.4.7偽類 164
9.4.8屬性選擇器 165
9.4.9結構偽類選擇器 167
9.4.10UI元素狀態偽類選擇器 168
9.5選擇器聲明 170
9.5.1集體聲明 170
9.5.2多重嵌套聲明 171
9.6綜合實例1—製作五彩標題 172
9.7綜合實例2—製作新聞選單 175
9.8專家解惑 178
第10章CSS3字型與段落屬性 180
10.1字型屬性 180
10.1.1字型font-family 180
10.1.2字號font-size 181
10.1.3字型風格font-style 183
10.1.4加粗字型font-weight 184
10.1.5小寫字母轉為大寫字母font-variant 185
10.1.6字型複合屬性font 186
10.1.7字型顏色color 187
10.2文本高級樣式 189
10.2.1陰影文本text-shadow 189
10.2.2溢出文本text-overflow 190
10.2.3控制換行word-wrap 192
10.2.4保持字型尺寸不變font-size-adjust 193
10.3段落屬性 194
10.3.1單詞間隔word-spacing 194
10.3.2字元間隔letter-spacing 195
10.3.3文字修飾text-decoration 196
10.3.4垂直對齊方式vertial-align 197
10.3.5文本轉換text-transform 199
10.3.6水平對齊方式text-align 200
10.3.7文本縮進text-indent 202
10.3.8文本行高line-height 203
10.3.9處理空白white-sapce 204
10.3.10文本反排unicode-bidi和direction 206
10.4綜合實例1—製作旅遊宣傳網頁 207
10.5綜合實例2—網頁簡單圖文混排 211
10.6專家解惑 213
第11章CSS3美化表格和表單樣式 214
11.1表格基本樣式 214
11.1.1表格框線樣式 214
11.1.2表格框線寬度 217
11.1.3表格框線顏色 218
11.2CSS3與表單 219
11.2.1美化表單中元素 220
11.2.2美化提交按鈕 222
11.2.3美化下拉選單 223
11.3綜合實例1—隔行變色 225
11.4綜合實例2—表格圖文網頁布局 228
11.5綜合實例3—變色表格 230
11.6綜合實例4—登錄表單 233
11.7綜合實例5—註冊表單 235
11.8專家解惑 238
第12章CSS3美化圖像 239
12.1圖片樣式 239
12.1.1圖片框線 239
12.1.2圖片縮放 241
12.2對齊圖片 244
12.2.1橫向對齊方式 244
12.2.2縱向對齊方式 245
12.3圖文混排 247
12.3.1文字環繞 247
12.3.2設定圖片與文字間距 248
12.4綜合實例1—一句話新聞 250
12.5綜合實例2—學校宣傳單 254
12.6專家解惑 256
第13章CSS3美化背景與框線 257
13.1背景相關屬性 257
13.1.1背景顏色 257
13.1.2背景圖片 259
13.1.3背景圖片重複 260
13.1.4背景圖片顯示 261
13.1.5背景圖片位置 263
13.1.6背景圖片大小 265
13.1.7背景顯示區域 267
13.1.8背景圖像裁剪區域 268
13.1.9背景複合屬性 270
13.2框線 270
13.2.1框線樣式 270
13.2.2框線顏色 272
13.2.3框線線寬 274
13.2.4框線複合屬性 275
13.3圓角框線 276
13.3.1圓角框線屬性 276
13.3.2指定兩個圓角半徑 277
13.3.3繪製4個不同圓角框線 278
13.3.4繪製框線種類 281
13.4圖片框線 283
13.4.1圖片框線屬性 283
13.4.2設定圖像框線顯示方式 284
13.5綜合實例—設計公司主頁 287
13.6專家解惑 290
第14章網頁的定位與布局 292
14.1定位方式 292
14.1.1定位屬性 292
14.1.2position定位 293
14.1.3層疊順序z-index 298
14.1.4邊偏移屬性 300
14.2float浮動定位 301
14.3overflow溢出定位 303
14.4visibility隱藏定位 305
14.5塊和行內元素display 307
14.5.1塊元素 307
14.5.2行內元素 309
14.6綜合實例—定位布局新聞 310
14.7專家解惑 314
第15章CSS3盒子和DIV布局 315
15.1認識div層 315
15.1.1層在HTML布局套用 315
15.1.2div和span區別 316
15.2盒子模型 317
15.2.1什麼是盒子模型 317
15.2.2border框線 319
15.2.3padding內邊距 320
15.2.4margin外邊距 322
15.3CSS3新增彈性盒模型 326
15.3.1盒子布局取向box-orient 326
15.3.2盒子布局順序box-direction 328
15.3.3盒子布局位置box-ordinal-group 329
15.3.4盒子彈性空間box-flex 331
15.3.5管理盒子空間box-pack和box-align 333
15.3.6空間溢出管理box-lines 335
15.4綜合實例1—圖文排版效果 337
15.5綜合實例2—淘寶導購選單 339
15.6專家解惑 342
第16章CSS3+DIV頁面基本排版 344
16.1CSS3排版概念 344
16.1.1將頁面用DIV分塊 344
16.1.2設定各塊位置 345
16.1.3用CSS定位 345
16.2固定寬度布局 349
16.2.1上中下版式 349
16.2.2左右版式 353
16.3新增CSS3多列布局 359
16.3.1列寬度column-width 359
16.3.2列數column-count 361
16.3.3列間距column-gap 362
16.3.4列框線樣式column-rule 364
16.4綜合實例—電子企業首頁 366
16.5專家解惑 371
第17章熟悉jQueryMobile 373
17.1認識jQueryMobile 373
17.2跨平台移動設備網頁jQueryMobile 374
17.2.1移動設備模擬器 374
17.2.2jQueryMobile的安裝 376
17.2.3jQueryMobile網頁的架構 377
17.3創建多頁面的jQueryMobile網頁 379
17.4將頁面作為對話框使用 380
17.5絢麗多彩的頁面切換效果 382
17.6專家解惑 384
第18章jQueryMobileUI組件 385
18.1套用UI組件 385
18.1.1表單組件 385
18.1.2按鈕和按鈕組 395
18.1.3按鈕圖示 398
18.1.4彈窗 399
18.2列表 401
18.2.1列表視圖 401
18.2.2列表內容 404
18.2.3列表過濾 406
18.3面板和可摺疊塊 407
18.3.1面板 407
18.3.2可摺疊塊 409
18.4導航條 411
18.5jQueryMobile主題 415
18.6專家解惑 419
第19章jQueryMobile事件 420
19.1頁面事件 420
19.1.1初始化事件 420
19.1.2外部頁面載入事件 423
19.1.3頁面過渡事件 425
19.2觸摸事件 427
19.2.1點擊事件 427
19.2.2滑動事件 429
19.3滾屏事件 431
19.4定位事件 435
19.5專家解惑 436
第20章使用最新Bootstrap4框架 437
20.1Bootstrap概述 437
20.1.1Bootstrap特色 437
20.1.2Bootstrap4的更新 438
20.2下載Bootstrap 439
20.3安裝Bootstrap 441
20.3.1本地安裝Bootstrap 441
20.3.2初次使用Bootstrap 441
20.4使用常用組件 442
20.4.1使用下拉選單 442
20.4.2使用按鈕組 444
20.4.3使用導航組件 445
20.4.4綁定導航和下拉選單 448
20.4.5麵包屑導航 449
20.4.6使用廣告屏 451
20.4.7使用card（卡片） 452
20.4.8使用進度條 454
20.4.9使用模態框 459
20.4.10使用滾動監聽 461
20.5案例實戰—膠囊導航選項卡（Tab欄） 463
20.6專家解惑 465
第21章開發計算器APP 467
21.1項目概述 467
21.1.1功能梳理 467
21.1.2開發環境 467
21.1.3項目結構目錄 468
21.1.4項目打包 468
21.1.5項目效果展示 469
21.2項目設計 470
21.2.1index.html檔案 471
21.2.2index.css檔案 472
21.2.3calc.js檔案 477
21.2.4common.js檔案 483
第22章開發求職招聘APP 487
22.1項目概述 487
22.1.1項目結構目錄 487
22.1.2項目效果展示 488
22.2項目設計 490
22.2.1設計登錄和註冊頁面 491
22.2.2設計個人中心頁面 493
22.2.3設計簡歷預覽頁面 494
22.2.4設計簡歷編輯頁面 496
22.2.5設計投遞記錄和職位收藏頁面 497
22.2.6設計職位列表頁面 500
22.2.7設計職位詳情頁面 502
22.3項目打包成APP 503
第23章項目實訓3—開發購物網站APP 507
23.1項目概述 507
23.1.1項目結構目錄 507
23.1.2項目效果展示 508
23.2首頁設計 511
23.2.1設計廣告欄 511
23.2.2設計導航欄 514
23.2.3設計輪播 515
23.2.4設計蔬菜欄 517
23.2.5設計乾果欄 520
23.2.6設計底部欄 524
23.3購買頁面設計 526
23.4蔬菜展示頁面設計 529
23.5項目打包成APP 532
第24章項目實訓4—開發遊戲APP 533
24.1遊戲概述 533
24.1.1遊戲結構目錄 533
24.1.2項目效果演示 534
24.2遊戲設計 534
24.2.1index.html檔案 534
24.2.2style.css檔案 535
24.2.3index.js檔案 536
24.3項目打包成APP 538
