《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前端开发感兴趣的学习者的指导用书。

北京新奥时代科技有限责任公司于2006年04月12日在石景山分局登记成立。公司经营范围包括技术开发、技术推广、技术转让、技术咨询、技术服务等。

目 录




第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 course\src\router\index.js文件
【第（1）～（4）空】 547
17.4.4 course\src\app.vue文件
【第（5）空】 548
17.4.5 course\src\componentsindex.vue文件【第（9）、
（10）空】 548
17.4.6 course\src\componentsindex.vue文件
【第（6）空】 548
17.4.7 course\src\componentsindex.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-page\src\App.vue文件
【第（1）空】 569
18.3.4 food-page\src\componentsHeader.vue文件
【第（3）空】 569
18.3.5 food-page\src\router\index.js
文件【第（5）空】 569
18.3.6 food-page\src\store\index.js
文件【第（6）、（7）空】 570
18.3.7 food-page\src\componentsHeader.vue文件
【第（2）空】 570
18.3.8 food-page\src\componentsFoodHome.vue文件
【第（8）空】 572
18.3.9 food-page\src\componentsCart.vue文件
【第（10）空】 572

18.3.10 food-page\src\componentsFoodHome.vue文件
【第（9）空】 573
18.3.11 food-page\src\componentsCart.vue文件【第（11）～
（15）空】 573
18.3.12 food-page\src\componentsHeader.vue文件
【第（4）空】 574
18.3.13 参考答案 574
18.4 试题四 575
18.4.1 题干和问题 575
18.4.2 考核知识和技能 581
18.4.3 articles\config\db.js文件
【第（1）、（2）空】 582
18.4.4 articles\routes\index.js文件
【第（3）、（4）空】 583
18.4.5 articles\routes\articles.js文件
【第（5）、（6）空】 584
18.4.6 articles-manage\src\componentsmanageArticle.vue文件
【第（7）～（10）空】 585
18.4.7 articles-manage\src\componentsarticleMobile.vue文件
【第（11）空】 588
18.4.8 articles-manage\src\componentsaddArticle.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 src\router\index.js文件
【第（1）、（2）空】 625

19.4.4 src\components\Login.vue文件
【第（3）、（4）空】 627
19.4.5 src\components\Login.vue文件
【第（5）、（6）空】 627
19.4.6 src\components\ChatRoom.vue
文件【第（7）空】 628
19.4.7 src\components\ChatRoom.vue
文件【第（8）空】 629
19.4.8 src\components\ChatRoom.vue
文件【第（9）、
（10）空】 629
19.4.9 src\components\ChatRoom.vue
文件【第（11）空】 630
19.4.10 src\components\Dialog.vue
文件【第（12）空】 630
19.4.11 src\components\Dialog.vue
文件【第（13）空】 631
19.4.12 src\components\Dialog.vue
文件【第（14）、
（15）空】 631
19.4.13 参考答案 631