WEB 应用开发竞赛真题实战特训教程 图解版

蓝桥杯大赛官方备赛图书由专家老师撰写，深入浅出，精练实用；

从历届真题中精选具有代表性的题目作为例题进行分类详解；

通过不同的解题方案训练读者的计算思维、编程思维，有助于读者提高解题能力和竞赛水平。

本书旨在为蓝桥杯全国大学生软件和信息技术大赛（原“蓝桥杯全国软件和信息技术专业人才大赛”）软件类赛项（简称蓝桥杯软件赛）中的Web应用开发科目提供备赛指导，从历届真题中精选具有代表性的题目作为例题进行分类详解。

本书共6章，由浅入深、由易到难地介绍各类例题，主要涉及HTML、CSS、JavaScript、ES6、Vue、ElementPlus、ECharts和Node.js等方面的知识点。每一类例题的讲解，不是简单地给出解析及参考代码，而是注重通过不同的解题方案训练读者的计算思维、编程思维，不仅有助于读者提高解题能力和竞赛水平，还有助于读者形成自己的编程思想，实现“以赛促学”的目标。

本书不仅适合作为蓝桥杯软件赛（Web应用开发科目）的备赛用书，还适合作为本科生和研究生相关编程语言课程的教材或参考资料。

王春艳：国信蓝桥教育科技股份有限公司教研负责人，参与蓝桥杯软件赛（Web 应用开发科目）大纲制订工作，擅长 JavaScript、Vue、Node.js等前端技术，拥有多年互联网一线开发经验及丰富的教研和教学经验，曾主导或参与多部专业技术教材编写，擅长以简洁明了的方式传授复杂的技术知识。

王婧：东营科技职业学院信息工程学院教学院长，副教授；发表 EI ISTP 检索论文 1 篇，中文核心期刊论文 1 篇，省级期刊论文 5 篇；主持山东省职业教育教学改革研究项目等省级及以上课题 5 项，先后荣获山东省教育科学研究优秀成果奖二等奖，以及山东省教育系统优秀共产党员、山东省技术能手、2023 年山东省电子信息行业优秀女科技工作者等荣誉称号。

李世正：洛阳职业技术学院信息工程学院副院长，副教授；曾参与编写《Web 前端开发》《信息技术》等教材；发表多篇北大核心期刊论文，主持完成 4 项市厅级课题，指导学生参加技能竞赛获省级、国家级奖项十余项。

第1章 蓝桥杯软件赛（Web应用开发科目）介绍 1

1.1 蓝桥杯软件赛（Web应用开发科目）的竞赛规则 1

1.2 场景实战题示例 3

1.3 蓝桥杯软件赛（Web应用开发科目）知识点总览 4

1.4 历届真题知识点统计 5

1.5 参赛攻略 6

第2章 HTML与CSS 9

2.1 精英云课堂（★） 9

2.2 智能停车系统（★） 14

2.3 电影院排座位（★） 18

2.4 新鲜的蔬菜（★） 23

2.5 俄罗斯方块（★） 27

2.6 植物灌溉（★） 30

2.7 商品详情响应式设计（★） 32

2.8 巩固与训练 36

第3章 JavaScript与ES6 37

3.1 工具集锦（★） 37

3.2 分享点滴（★） 40

3.3 工作协调（★★） 43

3.4 代码精灵（★★） 49

3.5 悠然画境（★★★） 53

3.6 新手引导（★★★） 57

3.7 井字棋（★★★） 63

3.8 智能家居系统（★★★★） 66

3.9 天气预报（★★★★） 71

3.10 批量导入（★★★★★★） 77

3.11 扫雷游戏（★★★★★★） 91

3.12 NPM Download Simulator（★★★★★） 95



3.13 巩固与训练 101

第4章 Vue与Element Plus 102

4.1 AI助手（★★） 102

4.2 个人消息同步（★★） 107

4.3 多表单校验（★★） 113

4.4 小蓝驿站（★★★★） 120

4.5 会议日程（★★★★） 125

4.6 内容审核（★★★★） 137

4.7 GitHub身份验证（★★★★） 149

4.8 富文本编辑器（★★★★★） 154

4.9 GitHub Desktop（★★★★★） 166

4.10 文档站点模糊搜索（★★★★★） 182

4.11 大事件活动日历（★★★★★） 193

4.12 巩固与训练 205

第5章 ECharts 206

5.1 欧洲杯顶级球员数据分析（★★★） 206

5.2 产品发布计划（★★★） 213

5.3 代码量统计（★★★★） 221

5.4 GitHub明星项目统计（★★★★） 228

5.5 巩固与训练 236

第6章 Node.js 237

6.1 内存优化之一键清理垃圾文件（★★★） 237

6.2 简易Vue CLI（★★★） 241

6.3 tree命令助手（★★★） 248

6.4 简易webpack（★★★） 253

6.5 找到未引用的图片（★★★★） 260

6.6 Markdown文档解析（★★★★★） 264

6.7 巩固与训练 278