第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
本书旨在为蓝桥杯全国大学生软件和信息技术大赛（原“蓝桥杯全国软件和信息技术专业人才大赛”）软件类赛项（简称蓝桥杯软件赛）中的 Web 应用开发科目提供备赛指导，从历届真题中精选具有代表性的题目作为例题进行分类详解。
本书共 6 章，由浅入深、由易到难地介绍各类例题，主要涉及 HTML、CSS、JavaScript、ES6、Vue、Element Plus、ECharts和Node.js等方面的知识点。每一类例题的讲解，不是简单地给出解析及参考代码，而是注重通过不同的解题方案训练读者的计算思维、编程思维，不仅有助于读者提高解题能力和竞赛水平，还有助于读者形成自己的编程思想，实现“以赛促学”的目标。
