《Web前端開發試題分析與解答（下冊）》是電子工業出版社出版的圖書，作者是北京新奧時代科技有限責任公司。
基本介紹
- 中文名：Web前端開發試題分析與解答（下冊）
- 作者：北京新奧時代科技有限責任公司
- 出版時間：2023年7月
- 出版社：電子工業出版社
- 頁數：648 頁
- 字數：1011千字
- ISBN：9787121458972
- 開本：16 開
內容簡介,圖書目錄,
內容簡介
《Web前端開發試題分析與解答》（下冊）針對《Web前端開發職業技能等級標準》（中級和高級）內容進行編寫，是促進Web前端開發職業技能等級證書試點院校教學的工具性教材。本書匯集了2019年12月、2020年12月及2021年12月的Web前端開發中級和高級真題試卷，並分別對理論卷和實操卷進行真題解析，包括試卷結構、分值分布、考點分布，以及考點分析、試題解析等，書中所有代碼均在主流瀏覽器中運行通過。本書結合《Web前端開發職業技能等級標準》（中級和高級）中的工作領域、工作任務和職業技能要求，以Web前端開發中的重要知識為單元組織理論卷，包括靜態網站製作（中級和高級）、回響式網頁開發、Web前後端數據互動、MySQL資料庫操作、PHP動態網站製作、Java動態網站製作、ES9編程、Vue.js前端框架套用、動態網站製作（高級）、Node.js高性能伺服器套用和網站架構設計與性能最佳化，以每年的實操試題為單元組織實操卷。針對相同（重複或相似）的試題，選用最新試題進行解析，不重複解析。本書可分為兩方面內容：一是理論卷解析，以Web前端開發中的重要知識為單元（知識模組、工作領域和工作任務）進行組織，每個單元包括考點分析、試題解析（2019年、2020年和2021年的試題彙編，包括單選題、復選題和判斷題），每道題的解析內容包括考核知識和技能、解析和參考答案；二是實操卷解析，以每年的實操試題為單元進行組織，每道題的解析內容包括題乾和問題、考核知識和技能、試題解析及參考答案。本書適合作為《Web前端開發職業技能等級標準》2.0版實踐教學的參考用書，也適合作為對Web前端開發感興趣的學習者的指導用書。
圖書目錄
第1章 概述 1
1.1 中級理論卷介紹 1
1.1.1 試卷結構 1
1.1.2 分值分布 1
1.1.3 考點分布 2
1.2 中級實操卷介紹 4
1.2.1 試卷結構 4
1.2.2 分值分布 4
1.2.3 考點分布 5
1.3 高級理論卷介紹 7
1.3.1 試卷結構 7
1.3.2 分值分布 8
1.3.3 考點分布 8
1.4 高級實操卷介紹 9
1.4.1 試卷結構 9
1.4.2 分值分布 10
1.4.3 考點分布 11
第2章 靜態網站製作（中級） 13
2.1 考點分析 13
2.2 單選題 13
2.2.1 2019年-第2題 13
2.2.2 2019年-第3題 14
2.2.3 2019年-第7題 15
2.2.4 2019年-第27題 16
2.2.5 2019年-第28題 18
2.2.6 2020年-第1題 18
2.2.7 2020年-第5題 19
2.2.8 2020年-第9題 21
2.2.9 2020年-第14題 23
2.2.10 2020年-第15題 23
2.2.11 2020年-第17題 25
2.2.12 2020年-第19題 27
2.2.13 2020年-第22題 27
2.2.14 2020年-第27題 29
2.2.15 2021年-第20題 30
2.2.16 2021年-第22題、
第24題 31
2.2.17 2021年-第26題 32
2.2.18 2021年-第27題 34
2.2.19 2021年-第30題 36
2.3 復選題 36
2.3.1 2019年-第42題 36
2.3.2 2020年-第10題 37
2.3.3 2021年-第9題 42
2.3.4 2021年-第10題 42
2.3.5 2021年-第13題 43
2.3.6 2021年-第14題 44
2.3.7 2021年-第15題 45
2.4 判斷題 46
2.4.1 2020年-第2題 46
2.4.2 2020年-第4題 46
2.4.3 2021年-第5題 48
第3章 回響式網頁開發 49
3.1 考點分析 49
3.2 單選題 49
3.2.1 2019年-第4題 49
3.2.2 2019年-第6題 52
3.2.3 2019年-第13題 53
3.2.4 2019年-第22題 55
3.2.5 2020年-第2題 56
3.2.6 2020年-第6題 59
3.2.7 2020年-第12題 60
3.2.8 2020年-第18題 63
3.2.9 2021年-第14題 66
3.2.10 2021年-第16題 67
3.3 復選題 69
3.3.1 2019年-第14題 69
3.3.2 2020年-第4題 71
3.3.3 2020年-第13題 72
3.3.4 2020年-第15題 73
第4章 Web前後端數據互動 74
4.1 考點分析 74
4.2 單選題 74
4.2.1 2019年-第10題 74
4.2.2 2019年-第26題 76
4.2.3 2020年-第16題 78
4.2.4 2020年-第21題 79
4.2.5 2020年-第28題 80
4.2.6 2021年-第15題 81
4.2.7 2021年-第17題 82
4.2.8 2021年-第25題 83
4.2.9 2021年-第29題 84
4.3 復選題 85
4.3.1 2020年-第3題 85
4.3.2 2020年-第8題 87
4.3.3 2021年-第11題 88
4.4 判斷題 89
2020年-第1題 89
第5章 MySQL資料庫操作 92
5.1 考點分析 92
5.2 單選題 92
5.2.1 2019年-第11題 92
5.2.2 2019年-第16題 94
5.2.3 2020年-第11題 96
5.2.4 2020年-第24題 96
5.2.5 2020年-第25題 98
5.2.6 2021年-第18題、
第21題 100
5.2.7 2021年-第19題 100
5.2.8 2021年-第23題 101
5.2.9 2021年-第28題 102
5.3 復選題 103
5.3.1 2019年-第13題 103
5.3.2 2020年-第2題 103
5.3.3 2020年-第7題 107
5.3.4 2021年-第12題 108
5.4 判斷題 109
2019年-第5題 109
第6章 PHP動態網站製作 110
6.1 考點分析 110
6.2 單選題 110
6.2.1 2019年-第1題 110
6.2.2 2019年-第5題 112
6.2.3 2019年-第9題 115
6.2.4 2019年-第12題 119
6.2.5 2019年-第15題 122
6.2.6 2019年-第17題 124
6.2.7 2019年-第18題 125
6.2.8 2019年-第20題 126
6.2.9 2019年-第21題 130
6.2.10 2019年-第24題 131
6.2.11 2020年-第3題 133
6.2.12 2019年-第29題 136
6.2.13 2020年-第4題 139
6.2.14 2020年-第7題 139
6.2.15 2020年-第8題 141
6.2.16 2020年-第10題 144
6.2.17 2020年-第13題 145
6.2.18 2020年-第20題 147
6.2.19 2020年-第23題 148
6.2.20 2020年-第26題 149
6.2.21 2020年-第29題 151
6.2.22 2021年-第1題 153
6.2.23 2021年-第2題 153
6.2.24 2021年-第3題 154
6.2.25 2021年-第4題 155
6.2.26 2021年-第5題 156
6.2.27 2021年-第6題 156
6.2.28 2021年-第7題 157
6.2.29 2021年-第8題 159
6.2.30 2021年-第9題 159
6.2.31 2021年-第10題 160
6.2.32 2021年-第11題 161
6.2.33 2021年-第12題 161
6.2.34 2021年-第13題 162
6.3 復選題 162
6.3.1 2019年-第1題 162
6.3.2 2019年-第2題 165
6.3.3 2019年-第3題 166
6.3.4 2019年-第5題 167
6.3.5 2019年-第6題 169
6.3.6 2019年-第7題 171
6.3.7 2019年-第8題 171
6.3.8 2019年-第9題 173
6.3.9 2020年-第14題 175
6.3.10 2020年-第1題 178
6.3.11 2020年-第5題 179
6.3.12 2020年-第6題 181
6.3.13 2020年-第9題 184
6.3.14 2020年-第11題 185
6.3.15 2021年-第1題 187
6.3.16 2021年-第2題 188
6.3.17 2021年-第3題 188
6.3.18 2021年-第4題 189
6.3.19 2021年-第5題 190
6.3.20 2021年-第6題 190
6.3.21 2021年-第7題 191
6.3.22 2021年-第8題 191
6.4 判斷題 192
6.4.1 2019年-第1題 192
6.4.2 2019年-第2題 194
6.4.3 2019年-第3題 195
6.4.4 2019年-第4題 196
6.4.5 2020年-第3題 197
6.4.6 2020年-第5題 198
6.4.7 2021年-第1題 199
6.4.8 2021年-第2題 200
6.4.9 2021年-第3題 200
6.4.10 2021年-第4題 201
第7章 Java動態網站製作 202
7.1 考點分析 202
7.2 單選題 202
7.2.1 2021年-第1題 202
7.2.2 2021年-第2題 204
7.2.3 2021年-第3題 204
7.2.4 2021年-第4題 205
7.2.5 2021年-第5題 206
7.2.6 2021年-第6題 207
7.2.7 2021年-第7題 208
7.2.8 2021年-第8題 209
7.2.9 2021年-第9題 210
7.2.10 2021年-第10題 211
7.2.11 2021年-第11題 211
7.2.12 2021年-第12題 212
7.2.13 2021年-第13題 214
7.3 復選題 216
7.3.1 2021年-第1題 216
7.3.2 2021年-第2題 217
7.3.3 2021年-第3題 218
7.3.4 2021年-第4題 219
7.3.5 2021年-第5題 220
7.3.6 2021年-第6題 221
7.3.7 2021年-第7題 222
7.3.8 2021年-第8題 222
7.4 判斷題 223
7.4.1 2021年-第1題 223
7.4.2 2021年-第2題 223
7.4.3 2021年-第3題 224
7.4.4 2021年-第4題 224
第8章 靜態網站製作（高級） 226
8.1 考點分析 226
8.2 單選題 226
8.2.1 2019年-第1題 226
8.2.2 2019年-第6題 227
8.2.3 2019年-第14題 228
8.2.4 2019年-第19題 230
8.2.5 2019年-第29題 231
8.2.6 2020年-第5題 232
8.2.7 2020年-第10題 237
8.2.8 2020年-第12題 239
8.2.9 2020年-第13題 240
8.2.10 2020年-第17題 242
8.2.11 2020年-第18題 243
8.2.12 2020年-第19題 244
8.2.13 2020年-第23題 246
8.2.14 2020年-第25題 247
8.2.15 2020年-第29題 249
8.2.16 2021年-第3題 252
8.2.17 2021年-第4題 252
8.2.18 2021年-第6題 253
8.2.19 2021年-第7題 254
8.2.20 2021年-第12題 254
8.2.21 2021年-第13題 255
8.2.22 2021年-第16題 257
8.2.23 2021年-第25題 257
8.2.24 2021年-第27題 258
8.3 復選題 258
8.3.1 2019年-第13題 258
8.3.2 2019年-第14題 260
8.3.3 2020年-第3題 261
8.3.4 2020年-第5題 262
8.3.5 2020年-第6題 264
8.3.6 2020年-第12題 265
8.3.7 2021年-第12題 267
8.3.8 2021年-第14題 267
8.4 判斷題 269
8.4.1 2020年-第4題 269
8.4.2 2020年-第5題 271
8.4.3 2021年-第1題 272
8.4.4 2021年-第2題 273
8.4.5 2021年-第4題 273
8.4.6 2021年-第5題 274
第9章 ES9編程 275
9.1 考點分析 275
9.2 單選題 275
9.2.1 2020年-第11題 275
9.2.2 2020年-第16題 277
9.2.3 2020年-第27題 279
9.2.4 2020年-第28題 280
9.2.5 2021年-第21題 281
9.2.6 2021年-第24題 282
9.3 復選題 282
9.3.1 2019年-第2題 282
9.3.2 2020年-第4題 284
9.3.3 2020年-第11題 286
9.3.4 2020年-第14題 287
9.3.5 2021年-第7題 289
第10章 Vue.js前端框架套用 290
10.1 考點分析 290
10.2 單選題 290
10.2.1 2019年-第3題 290
10.2.2 2019年-第4題 291
10.2.3 2019年-第5題 292
10.2.4 2019年-第7題 292
10.2.5 2019年-第9題 296
10.2.6 2019年-第10題 297
10.2.7 2019年-第12題 298
10.2.8 2019年-第15題 299
10.2.9 2019年-第17題 300
10.2.10 2019年-第21題 301
10.2.11 2019年-第23題 303
10.2.12 2019年-第24題 305
10.2.13 2019年-第25題 306
10.2.14 2019年-第26題 307
10.2.15 2019年-第28題 308
10.2.16 2019年-第30題 308
10.2.17 2020年-第1題 310
10.2.18 2020年-第6題 313
10.2.19 2021年-第17題 314
10.2.20 2021年-第28題 316
10.2.21 2021年-第30題 318
10.3 復選題 320
10.3.1 2019年-第1題 320
10.3.2 2019年-第3題 322
10.3.3 2019年-第4題 324
10.3.4 2019年-第5題 325
10.3.5 2019年-第7題 327
10.3.6 2019年-第11題 329
10.3.7 2019年-第12題 329
10.3.8 2019年-第15題 330
10.3.9 2021年-第3題 331
10.3.10 2021年-第15題 333
10.4 判斷題 334
10.4.1 2019年-第1題 334
10.4.2 2019年-第2題 335
10.4.3 2019年-第3題 336
10.4.4 2019年-第4題 336
10.4.5 2019年-第5題 337
10.4.6 2020年-第2題 338
第11章 動態網站製作（高級） 340
11.1 考點分析 340
11.2 單選題 340
11.2.1 2019年-第2題 340
11.2.2 2019年-第8題 341
11.2.3 2019年-第11題 342
11.2.4 2019年-第13題 343
11.2.5 2019年-第16題 344
11.2.6 2019年-第18題 345
11.2.7 2019年-第20題 346
11.2.8 2019年-第22題 347
11.2.9 2019年-第27題 348
11.2.10 2020年-第9題 349
11.2.11 2020年-第21題 350
11.2.12 2021年-第29題 352
11.3 復選題 352
11.3.1 2019年-第6題 352
11.3.2 2019年-第8題 353
11.3.3 2019年-第10題 353
11.3.4 2021年-第5題 354
11.3.5 2021年-第6題 356
第12章 Node.js高性能伺服器套用 358
12.1 考點分析 358
12.2 單選題 358
12.2.1 2020年-第22題 358
12.2.2 2021年-第23題 360
12.3 復選題 360
12.3.1 2020年-第2題 360
12.3.2 2021年-第11題 362
第13章 網站架構設計與性能最佳化 363
13.1 考點分析 363
13.2 單選題 363
13.2.1 2020年-第3題 363
13.2.2 2021年-第1題 365
13.2.3 2021年-第5題 365
13.2.4 2021年-第10題 366
13.2.5 2021年-第22題 366
13.3 復選題 367
13.3.1 2020年-第8題 367
13.3.2 2021年-第10題 368
13.4 判斷題 368
2020年-第1題 368
第14章 2019年實操試卷（中級） 370
14.1 試題一 370
14.1.1 題乾和問題 370
14.1.2 考核知識和技能 374
14.1.3 list.html檔案
【第（1）空】 374
14.1.4 list.html檔案
【第（2）空】 375
14.1.5 list.html檔案【第（3）、
（4）空】 375
14.1.6 list.html檔案
【第（5）空】 375
14.1.7 list.html檔案
【第（6）空】 376
14.1.8 list.html檔案
【第（7）空】 376
14.1.9 shop.css檔案【第（8）、
（9）空】 376
14.1.10 shop.css檔案
【第（10）空】 377
14.1.11 shop.css檔案【第（11）～
（13）空】 377
14.1.12 shop.css檔案
【第（14）空】 377
14.1.13 shop.css檔案
【第（15）空】 378
14.1.14 參考答案 379
14.2 試題二 379
14.2.1 題乾和問題 379
14.2.2 考核知識和技能 385
14.2.3 db.sql檔案【第（1）、
（2）空】 386
14.2.4 init.sql檔案
【第（3）空】 387
14.2.5 conn.php檔案【第（4）～
（7）空】 387
14.2.6 index.php檔案【第（8）～
（11）空】 389
14.2.7 insert.php檔案【第（12）～
（15）空】 391
14.2.8 insert_server.php檔案
【第（16）～（20）空】 393
14.2.9 參考答案 394
14.3 試題三 395
14.3.1 題乾和問題 395
14.3.2 考核知識和技能 397
14.3.3 問題.txt檔案
【第（1）空】 397
14.3.4 問題.txt檔案【第（2）、
（3）空】 397
14.3.5 問題.txt檔案【第（4）、
（5）空】 398
14.3.6 問題.txt檔案
【第（6）空】 399
14.3.7 問題.txt檔案【第（7）～
（10）空】 400
14.3.8 參考答案 403
14.4 試題四 403
14.4.1 題乾和問題 403
14.4.2 考核知識和技能 408
14.4.3 web.php檔案
【第（1）空】 408
14.4.4 QuizController.php檔案
【第（2）～（7）空】 409
14.4.5 quiz.blade.php檔案【第（8）、
（9）空】 410
14.4.6 result.blade.php檔案
【第（10）空】 412
14.4.7 參考答案 412
第15章 2020年實操試卷（中級） 413
15.1 試題一 413
15.2 試題二 413
15.2.1 題乾和問題 413
15.2.2 考核知識和技能 424
15.2.3 css/style.css檔案【第（1）、
（2）空】 424
15.2.4 index.php檔案【第（3）、
（4）空】 424
15.2.5 addCart.php檔案【第（5）、
（6）空】 425
15.2.6 cart.php檔案【第（7）、
（8）空】 426
15.2.7 updCart.php檔案
【第（9）空】 428
15.2.8 order.php檔案【第（10）～
（12）空】 428
15.2.9 done.php檔案【第（13）～
（15）空】 428
15.2.10 參考答案 429
15.3 試題三 430
15.4 試題四 430
15.4.1 題乾和問題 430
15.4.2 考核知識和技能 434
15.4.3 index.html檔案【第（1）、
（2）空】 434
15.4.4 index.html檔案
【第（3）空】 435
15.4.5 index.html檔案
【第（4）空】 437
15.4.6 index.html檔案【第（5）、
（6）空】 437
15.4.7 index.html檔案
【第（7）空】 438
15.4.8 index.html檔案
【第（8）空】 438
15.4.9 index.html檔案【第（9）、
（10）空】 439
15.4.10 listWeather.php檔案
【第（11）空】 439
15.4.11 listWeather.php檔案
【第（12）空】 441
15.4.12 參考答案 441
第16章 2021年實操試卷（中級） 442
16.1 試題一 442
16.1.1 題乾和問題 442
16.1.2 考核知識和技能 448
16.1.3 index.html檔案
【第（1）空】 448
16.1.4 index.html檔案【第（2）、
（3）空】 448
16.1.5 reset.css檔案
【第（4）空】 449
16.1.6 reset.css檔案
【第（5）空】 450
16.1.7 reset.css檔案
【第（6）空】 450
16.1.8 index.css檔案
【第（7）空】 451
16.1.9 index.css檔案【第（8）、
（9）空】 452
16.1.10 index.css檔案
【第（10）空】 453
16.1.11 參考答案 453
16.2 試題二 454
16.2.1 題乾和問題 454
16.2.2 考核知識和技能 458
16.2.3 index.html檔案
【第（1）空】 459
16.2.4 index.html檔案
【第（2）空】 459
16.2.5 index.html檔案
【第（3）空】 460
16.2.6 index.html檔案【第（4）、
（5）空】 460
16.2.7 index.html檔案【第（6）～
（8）空】 461
16.2.8 category.css檔案
【第（9）空】 462
16.2.9 category.css檔案
【第（10）空】 463
16.2.10 參考答案 463
16.3 試題三 464
16.3.1 題乾和問題 464
16.3.2 考核知識和技能 468
16.3.3 index.html檔案
【第（1）空】 468
16.3.4 index.html檔案【第（2）、
（6）空】 469
16.3.5 index.html檔案
【第（3）空】 470
16.3.6 index.html檔案【第（4）、
（5）空】 471
16.3.7 index.html檔案
【第（7）空】 471
16.3.8 index.html檔案
【第（8）空】 472
16.3.9 index.html檔案
【第（9）空】 473
16.3.10 style.css檔案【第（10）、
（11）空】 473
16.3.11 style.css檔案【第（12）、
（13）空】 474
16.3.12 style.css檔案
【第（14）空】 475
16.3.13 style.css檔案
【第（15）空】 476
16.3.14 參考答案 476
16.4 試題四（PHP+Laravel） 477
16.4.1 題乾和問題 477
16.4.2 考核知識和技能 484
16.4.3 UserController.php檔案【第（1）空】、CooperateController.php檔案【第（7）空】 485
16.4.4 UserController.php檔案
【第（2）空】 485
16.4.5 UserController.php檔案
【第（3）空】 486
16.4.6 UserController.php檔案
【第（4）空】 486
16.4.7 UserController.php檔案
【第（5）空】 488
16.4.8 CooperateController.php檔案
【第（6）空】 488
16.4.9 CooperateController.php檔案
【第（8）、（9）空】 489
16.4.10 CooperateController.php檔案
【第（10）空】 490
16.4.11 login.html檔案
【第（11）空】 490
16.4.12 login.html檔案
【第（12）空】 491
16.4.13 login.html檔案【第（13）、
（14）空】 491
16.4.14 login.html檔案
【第（15）空】 492
16.4.15 參考答案 493
16.5 試題四（PHP+ThinkPHP） 494
16.5.1 題乾和問題 494
16.5.2 考核知識和技能 502
16.5.3 UserController.php檔案
【第（1）空】 502
16.5.4 UserController.php檔案
【第（2）空】 503
16.5.5 UserController.php檔案
【第（3）空】 504
16.5.6 UserController.php檔案
【第（4）空】 504
16.5.7 UserController.php檔案
【第（5）空】 506
16.5.8 CooperateController.php檔案
【第（6）空】 506
16.5.9 CooperateController.php檔案
【第（7）空】 507
16.5.10 CooperateController.php檔案
【第（8）、（9）空】 508
16.5.11 CooperateController.php檔案
【第（10）空】 508
16.5.12 login.html檔案
【第（11）空】 509
16.5.13 login.html檔案
【第（12）空】 509
16.5.14 login.html檔案【第（13）、
（14）空】 510
16.5.15 login.html檔案
【第（15）空】 511
16.5.16 參考答案 511
16.6 試題四（Java+SSM） 512
16.6.1 題乾和問題 512
16.6.2 考核知識和技能 520
16.6.3 ShopController.java檔案
【第（1）空】 521
16.6.4 ShopController.java檔案
【第（2）空】 521
16.6.5 ShopController.java檔案
【第（3）空】 522
16.6.6 ShopController.java檔案
【第（4）空】 522
16.6.7 ShopController.java檔案
【第（5）空】 522
16.6.8 ShopController.java檔案
【第（6）空】 522
16.6.9 ShopController.java檔案
【第（7）空】 523
16.6.10 ShopController.java檔案
【第（8）空】 523
16.6.11 GoodsMapper.java檔案
【第（9）空】 523
16.6.12 GoodsMapper.java檔案
【第（10）空】 523
16.6.13 index.jsp檔案
【第（11）空】 524
16.6.14 index.jsp檔案【第（12）、
（13）空】 524
16.6.15 add.jsp檔案
【第（14）空】 524
16.6.16 add.jsp檔案
【第（15）空】 525
16.6.17 參考答案 525
第17章 2019年實操試卷（高級） 526
17.1 試題一 526
17.1.1 題乾和問題 526
17.1.2 考核知識和技能 531
17.1.3 index.html檔案
【第（1）空】 531
17.1.4 style.css檔案【第（4）、
（5）空】 532
17.1.5 style.css檔案【第（7）、
（8）空】 533
17.1.6 index.html檔案【第（2）、
（3）空】 534
17.1.7 style.css檔案
【第（6）空】 535
17.1.8 style.css檔案【第（9）、
（10）空】 535
17.1.9 參考答案 536
17.2 試題二 537
17.3 試題三 537
17.3.1 題乾和問題 537
17.3.2 考核知識和技能 540
17.3.3 shoppingCard.html檔案
【第（7）、（8）空】 540
17.3.4 shoppingCard.html檔案
【第（10）、（11）空】 540
17.3.5 shoppingCard.html檔案
【第（9）空】 541
17.3.6 shoppingCard.html檔案
【第（12）～（15）空】 541
17.3.7 shoppingCard.html檔案
【第（1）、（2）空】 541
17.3.8 shoppingCard.html檔案
【第（3）～（5）空】 542
17.3.9 shoppingCard.html檔案
【第（6）空】 542
17.3.10 參考答案 542
17.4 試題四 543
17.4.1 題乾和問題 543
17.4.2 考核知識和技能 547
17.4.3 coursesrcrouterindex.js檔案
【第（1）～（4）空】 547
17.4.4 coursesrcapp.vue檔案
【第（5）空】 548
17.4.5 coursesrccomponentsindex.vue檔案【第（9）、
（10）空】 548
17.4.6 coursesrccomponentsindex.vue檔案
【第（6）空】 548
17.4.7 coursesrccomponentsindex.vue檔案【第（7）、
（8）空】 549
17.4.8 參考答案 549
第18章 2020年實操試卷（高級） 550
18.1 試題一 550
18.2 試題二 550
18.2.1 題乾和問題 550
18.2.2 考核知識和技能 554
18.2.3 index.html檔案
【第（1）空】 554
18.2.4 index.html檔案
【第（2）空】 555
18.2.5 index.html檔案
【第（3）空】 555
18.2.6 style.css檔案
【第（4）空】 556
18.2.7 style.css檔案【第（5）、
（6）空】 557
18.2.8 index.js檔案
【第（7）空】 558
18.2.9 index.js檔案【第（8）～
（10）空】 559
18.2.10 參考答案 560
18.3 試題三 561
18.3.1 題乾和問題 561
18.3.2 考核知識和技能 568
18.3.3 food-pagesrcApp.vue檔案
【第（1）空】 569
18.3.4 food-pagesrccomponentsHeader.vue檔案
【第（3）空】 569
18.3.5 food-pagesrcrouterindex.js
檔案【第（5）空】 569
18.3.6 food-pagesrcstoreindex.js
檔案【第（6）、（7）空】 570
18.3.7 food-pagesrccomponentsHeader.vue檔案
【第（2）空】 570
18.3.8 food-pagesrccomponentsFoodHome.vue檔案
【第（8）空】 572
18.3.9 food-pagesrccomponentsCart.vue檔案
【第（10）空】 572
18.3.10 food-pagesrccomponentsFoodHome.vue檔案
【第（9）空】 573
18.3.11 food-pagesrccomponentsCart.vue檔案【第（11）～
（15）空】 573
18.3.12 food-pagesrccomponentsHeader.vue檔案
【第（4）空】 574
18.3.13 參考答案 574
18.4 試題四 575
18.4.1 題乾和問題 575
18.4.2 考核知識和技能 581
18.4.3 articlesconfigdb.js檔案
【第（1）、（2）空】 582
18.4.4 articlesroutesindex.js檔案
【第（3）、（4）空】 583
18.4.5 articlesroutesarticles.js檔案
【第（5）、（6）空】 584
18.4.6 articles-managesrccomponentsmanageArticle.vue檔案
【第（7）～（10）空】 585
18.4.7 articles-managesrccomponentsarticleMobile.vue檔案
【第（11）空】 588
18.4.8 articles-managesrccomponentsaddArticle.vue檔案【第（12）～（15）空】 588
18.4.9 參考答案 589
第19章 2021年實操試卷（高級） 591
19.1 試題一 591
19.1.1 題乾和問題 591
19.1.2 考核知識和技能 593
19.1.3 index.html檔案
【第（1）空】 593
19.1.4 index.html檔案
【第（2）空】 593
19.1.5 index.js檔案
【第（3）空】 594
19.1.6 index.js檔案
【第（4）空】 595
19.1.7 index.js檔案
【第（5）空】 595
19.1.8 index.js檔案
【第（6）空】 596
19.1.9 index.js檔案
【第（7）空】 596
19.1.10 index.js檔案
【第（8）空】 596
19.1.11 index.js檔案
【第（9）空】 597
19.1.12 index.js檔案
【第（10）空】 598
19.1.13 參考答案 598
19.2 試題二 598
19.2.1 題乾和問題 598
19.2.2 考核知識和技能 600
19.2.3 style.css檔案【第（1）～
（4）空】 601
19.2.4 arrowLeft.svg檔案【第（5）、
（6）空】 602
19.2.5 arrowRight.svg檔案【第（7）～
（10）空】 604
19.2.6 參考答案 605
19.3 試題三 606
19.3.1 題乾和問題 606
19.3.2 考核知識和技能 610
19.3.3 index.html檔案
【第（1）空】 611
19.3.4 index.html檔案
【第（2）空】 612
19.3.5 index.html檔案
【第（3）空】 613
19.3.6 index.js檔案【第（4）、
（5）空】 614
19.3.7 index.js檔案【第（6）～
（8）空】 614
19.3.8 index.js檔案【第（9）、
（10）空】 616
19.3.9 index.js檔案
【第（11）空】 616
19.3.10 index.js檔案
【第（12）空】 617
19.3.11 index.js檔案
【第（13）空】 618
19.3.12 index.js檔案
【第（14）空】 618
19.3.13 index.js檔案
【第（15）空】 618
19.3.14 參考答案 619
19.4 試題四 619
19.4.1 題乾和問題 619
19.4.2 考核知識和技能 625
19.4.3 srcrouterindex.js檔案
【第（1）、（2）空】 625
19.4.4 srccomponentsLogin.vue檔案
【第（3）、（4）空】 627
19.4.5 srccomponentsLogin.vue檔案
【第（5）、（6）空】 627
19.4.6 srccomponentsChatRoom.vue
檔案【第（7）空】 628
19.4.7 srccomponentsChatRoom.vue
檔案【第（8）空】 629
19.4.8 srccomponentsChatRoom.vue
檔案【第（9）、
（10）空】 629
19.4.9 srccomponentsChatRoom.vue
檔案【第（11）空】 630
19.4.10 srccomponentsDialog.vue
檔案【第（12）空】 630
19.4.11 srccomponentsDialog.vue
檔案【第（13）空】 631
19.4.12 srccomponentsDialog.vue
檔案【第（14）、
（15）空】 631
19.4.13 參考答案 631
