Web 應用開發競賽真題實戰特訓教程 圖解版

藍橋杯全國大學生軟件和信息技術大賽（原“藍橋杯全國軟件和信息技術專業人才大賽”，以下簡稱藍橋杯大賽）是全國性大學生學科類競賽，主辦單位為藍橋杯全國大學生軟件和信息技術大賽組委會，承辦單位是國信藍橋教育科技股份有限公司。藍橋杯大賽目前連續舉辦十七屆，包括北大、清華在內的2100 所院校參賽，選手總數超過 150 萬人。藍橋杯大賽連續五年入選“全國普通高校學科競賽排行榜”競賽項目榜單 , 也被上海、江蘇、四川、遼寧、甘肅、貴州、寧夏等多個省（自治區、直轄市）納入省級競賽名錄，是檢驗高校創新人才培養質量的重要標準。競賽成績成為高校學生綜合測評、獎學金評定、升學考研、實習就業的重要參考。

王春艷：國信藍橋教育科技股份有限公司教研負責人，參與藍橋杯軟件賽（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