蓝桥杯web组赛题解析和杯赛技巧

本文涉及的产品
全局流量管理 GTM,标准版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
云解析 DNS,旗舰版 1个月
简介: 本文作者是一位自学前端两年半的大一学生,在第十五届蓝桥杯Web组比赛中获得省一和国三。文章详细解析了比赛题纲,涵盖HTML、CSS、JavaScript、Echarts和Vue等技术要点,并分享了备赛技巧和比赛经验。作者强调了多写代码和解题思路的重要性,同时提供了省赛和国赛的具体流程及注意事项。希望对参赛者有所帮助。

蓝桥杯web组赛题解析和杯赛技巧

**🎉🎉🎉欢迎来到我的博客,我是一名自学了2年半前端的大一学生,熟悉的技术是JavaScript与Vue.目前正在往全栈方向前进, 如果我的博客给您带来了帮助欢迎您关注我,我将会持续不断的更新文章!!!🙏🙏🙏

本人在第十五届蓝桥杯web组中获得了省一以及国三,在此分享一下我的经验和备赛技巧.

蓝桥杯省一.jpg
蓝桥杯国三.jpg

1.题纲解析

第十五届蓝桥杯web组题目大纲

比赛过程中的题目顺序大概是从==html+css==->==JavaScript==->==Echarts==->==Vue==,最后一题一般都是Vue大题或者算法题,不过算法不会考太难.

需要学习的重点:

  • html和css:重点掌握==flex==和==grid==布局,以及三行文本溢出隐藏并显示省略号等一些项目中常用的技巧,其他的知识点该学的一定要学牢固.
  • JavaScript:基本上提纲里提到的都需要学并熟练,因为比赛题目里80%都是需要js来解决的,重点掌握==Promise==,==Ajax==,==ES6新特性和功能==.主要是要有解题思路需要大家多写代码.题目都是解决实际的一个功能如计算器,JSON生成器.就是一些功能需要你做出来,对我们的解题思路要求很高,因为比赛时间就4个小时,一个题目耗费的时间不能太长.
  • Echarts:掌握基本的渲染数据,修改属性,知道一些常用的属性该怎么用是什么意思就可以了,考的不会太难.
  • Vue:这里需要掌握的就比较多了,题目难度也集中在这里,但也不是很难主要是要理解题目意思和要有解题思路,重点学习到话基本的Vue语法肯定是要会的以及指令,组件,组件通信,Pinia,vue-router.题目类型一般是使用==Axios发请求获取数据==->==渲染数据==->==页面功能修改数据并正确显示对应html==->==发请求修改后端数据==.也就是在项目中常用的功能流程,需要有项目经验不然一些API或者功能逻辑会不舒服,如果卡太久的话就会造成题目做不完.

总结:重点很少,题纲里的提到的知识都得需要学习并且平时需要多写代码多做题目,这样在比赛的时候才有解题思路.

2.比赛经验

2.1 省赛

一般省赛学校会组织,到点去就好了,比赛题目是在一个网站里面需要下载下来然后本地打开.做完题目后将做完的题目压缩再去那个网站里面上传,操作很简单细心一点就不会出错.

题目一般难度是慢慢递增的,注意不要在一个题目浪费30分钟以上!!!除非这个题目你有解题思路只是写出来要这么久,因为四个小时你是不能浪费很多时间在一个题目上的.一时半会没思路就下一题,会的题目做完了再回头看没做的题.

注意留至少5分钟的时间提交答案,将做完的题目单独压缩一下然后在网站里面上传提交.每个题目都是一个单独的文件夹,每个题目单独压缩上传

一般2-3个礼拜出成绩

2.2 国赛

国赛一般是在自己省的学校承办的,需要提前去那里准备好,前一天晚上好好休息.

国赛的流程跟省赛一样

一般几天就会出成绩

国赛还会送你一件衣服

国赛题目难度的话不一定比省赛大

3.个人经历

国赛10道题会做9道半 但才拿了国三 大概国赛的答案会人工过一遍 所以代码质量不能太差 就比如我一些题目代码逻辑写的比较冗余因为时间很紧.

所以在时间和代码质量之间要平衡好一个点.

希望我明年能吸取教训拿个国一

4. 结语

Hi👋,这里是瑞雨溪->一个喜欢JavaScript和Vue的大学生,如果我的文章给你带来的帮助,欢迎您关注我->我会持续不断的更新更多优质文章.你的关注就是我的动力!!!🎉🎉🎉

目录
相关文章
|
2月前
|
XML JSON API
ServiceStack:不仅仅是一个高性能Web API和微服务框架,更是一站式解决方案——深入解析其多协议支持及简便开发流程,带您体验前所未有的.NET开发效率革命
【10月更文挑战第9天】ServiceStack 是一个高性能的 Web API 和微服务框架,支持 JSON、XML、CSV 等多种数据格式。它简化了 .NET 应用的开发流程,提供了直观的 RESTful 服务构建方式。ServiceStack 支持高并发请求和复杂业务逻辑,安装简单,通过 NuGet 包管理器即可快速集成。示例代码展示了如何创建一个返回当前日期的简单服务,包括定义请求和响应 DTO、实现服务逻辑、配置路由和宿主。ServiceStack 还支持 WebSocket、SignalR 等实时通信协议,具备自动验证、自动过滤器等丰富功能,适合快速搭建高性能、可扩展的服务端应用。
143 3
|
2月前
|
运维 负载均衡 安全
深度解析:Python Web前后端分离架构中WebSocket的选型与实现策略
深度解析:Python Web前后端分离架构中WebSocket的选型与实现策略
114 0
|
1月前
|
安全 前端开发 Java
Web安全进阶:XSS与CSRF攻击防御策略深度解析
【10月更文挑战第26天】Web安全是现代软件开发的重要领域,本文深入探讨了XSS和CSRF两种常见攻击的原理及防御策略。针对XSS,介绍了输入验证与转义、使用CSP、WAF、HTTP-only Cookie和代码审查等方法。对于CSRF,提出了启用CSRF保护、设置CSRF Token、使用HTTPS、二次验证和用户教育等措施。通过这些策略,开发者可以构建更安全的Web应用。
83 4
|
1月前
|
安全 Go PHP
Web安全进阶:XSS与CSRF攻击防御策略深度解析
【10月更文挑战第27天】本文深入解析了Web安全中的XSS和CSRF攻击防御策略。针对XSS,介绍了输入验证与净化、内容安全策略(CSP)和HTTP头部安全配置;针对CSRF,提出了使用CSRF令牌、验证HTTP请求头、限制同源策略和双重提交Cookie等方法,帮助开发者有效保护网站和用户数据安全。
66 2
|
2月前
|
前端开发 开发者 容器
构建响应式Web界面:Flexbox与Grid布局的深度解析
【10月更文挑战第11天】本文深入解析了CSS3中的Flexbox和Grid布局,探讨了它们的特点、应用场景及使用方法。Flexbox适用于一维布局,如导航栏;Grid布局则适用于二维布局,如复杂网格。通过示例代码和核心属性介绍,帮助开发者灵活构建响应式Web界面。
57 5
|
7月前
|
人工智能 算法 Java
第十四届蓝桥杯集训——练习解题阶段(无序阶段)-ALGO-992 士兵杀敌(二)
第十四届蓝桥杯集训——练习解题阶段(无序阶段)-ALGO-992 士兵杀敌(二)
82 1
|
7月前
|
人工智能 算法 Java
第十四届蓝桥杯集训——练习解题阶段(无序阶段)-ALGO-1005 数字游戏
第十四届蓝桥杯集训——练习解题阶段(无序阶段)-ALGO-1005 数字游戏
110 0
|
7月前
|
Java C语言 C++
第十四届蓝桥杯集训——练习解题阶段(无序阶段)-ALGO-1000 kAc给糖果你吃
第十四届蓝桥杯集训——练习解题阶段(无序阶段)-ALGO-1000 kAc给糖果你吃
84 0
|
7月前
|
算法 Java C语言
第十四届蓝桥杯集训——练习解题阶段(无序阶段)-ALGO-999 数的潜能
第十四届蓝桥杯集训——练习解题阶段(无序阶段)-ALGO-999 数的潜能
85 0
|
7月前
|
算法 Java C语言
第十四届蓝桥杯集训——练习解题阶段(无序阶段)-ALGO-997 粘木棍
第十四届蓝桥杯集训——练习解题阶段(无序阶段)-ALGO-997 粘木棍
92 0

推荐镜像

更多