前言

第十三届蓝桥杯全国软件和信息技术专业人才大赛(软件类)新开了Web应用开发比赛,已经组织了几次模拟赛和楼赛,这里主要记录模拟赛题目和设计的知识点,帮助参赛者更好的复习琐碎的知识点和代码,有写的不对的地方欢迎指教并讨论.

文章目录

• 前言
• 一、卡片化标签页
• 二、随机数生成器
• 三、个人博客
• 四、学生成绩统计
• 五、水果摆盘
• 六、给页面化个妆
• 七、小兔子爬楼梯
• 八、时间管理大师
• 九、购物车
• 十、菜单树检索

一、卡片化标签页

1. 题目要求:补充js代码，使用原生JS的方法实现选项卡的点击.

二、随机数生成器

1. 题目要求: 生成要求范围内的指定个不重复的随机数；
2. 题目分析: 这是一道JS语法题,主要考察的是是否熟悉JS中random()的使用.

3. 题目代码

三、个人博客

1. 题目分析:根据给定的代码来看,主要考察的知识点为①.文字居中显示.②flex:1的理解.
   ①.文字居中显示:text-align:center
   ②flex:1的理解
   flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。所以flex:1的意思就是取值为:1 1 auto.
   flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大;
   flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小;
   flex-basis属性定义了在分配多余空间之前，项目占据的主轴空间（main size）。浏览器根据这个属性，计算主轴是否有多余空间。它的默认值为auto，即项目的本来大小.
2. 题目代码

四、学生成绩统计

1. 题目描述:根据已有代码还原以下效果
   
2. 题目分析:本题主要考察对于echarts的了解.
   echarts官 给出的一个示例,可以一看就会基本使用