![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
蓝桥杯Web练习
文章平均质量分 66
蓝桥杯Web赛道练习题目
淹死的鱼u
前端厨师
展开
-
蓝桥杯Web:【功能实现】菜单树检索
【功能实现】菜单树检索背景介绍实际工作中很多前端攻城狮都会遇到这样一个需求:在多级菜单树中模糊搜索匹配的菜单项,并显示出来。本题需要在已提供的基础项目中使用 Vue.js 知识,实现对已提供的二级菜单树的动态渲染及模糊搜索功能,最终将符合搜索要求的二级菜单树显示在页面中。步骤准备在开始答题前,你需要在线上环境终端中键入以下命令,下载并解压所提供的文件。wget https://labfile.oss.aliyuncs.com/courses/7835/exam11-imi.zip &&a原创 2022-04-06 20:23:57 · 1305 阅读 · 0 评论 -
蓝桥杯Web:【功能实现】新年贺卡
【功能实现】新年贺卡背景介绍新年马上到了,大家肯定有很多祝福的话语要对自己的亲人朋友说,下面我们一起来制作一张贺卡,让我们把想说的话都写在贺卡上。准备步骤在开始答题前,你需要在线上环境终端中键入以下命令,下载并解压所提供的文件。wget https://labfile.oss.aliyuncs.com/courses/7835/ex01card.zip&& unzip ex01card.zip && rm ex01card.zipcopy下载完成之后的目录结构如原创 2022-04-05 21:18:41 · 309 阅读 · 0 评论 -
蓝桥杯Web练习题:【代码改错】关于你的欢迎语
【代码改错】关于你的欢迎语关于你的欢迎语背景介绍营销号,有时候需要一些特定的欢迎语,但针对特定的用户,我们希望可以个性化一点。本题需要在项目文件中修改代码存在的问题,实现根据模版生成特定用户的欢迎语。步骤准备在开始答题前,你需要在线上环境终端中键入以下命令,下载并解压所提供的文件。wget https://labfile.oss.aliyuncs.com/courses/7835/exam04-imi.zip && unzip exam04-imi.zip &&原创 2022-04-04 15:41:10 · 672 阅读 · 0 评论 -
蓝桥杯Web:【页面布局】给页面化个妆
【页面布局】给页面化个妆背景介绍各个网站都拥有登录页面,设计一个界面美观的登录页面,会给用户带来视觉上的享受。本次试题我们要完成一个登录页面的布局。准备步骤在开始答题前,你需要在线上环境终端中键入以下命令,下载并解压所提供的文件。wget https://labfile.oss.aliyuncs.com/courses/7835/exam01-imi.zip && unzip exam01-imi.zip && mv exam01-imi/* ./ &&am原创 2022-04-05 20:54:13 · 258 阅读 · 0 评论 -
蓝桥杯Web:【算法实现】随机数生成器
【算法实现】随机数生成器背景介绍实际工作中随机数的使用特别多,比如随机抽奖、随机翻牌。通过随机数还能实现很多有趣的效果,比如随机改变元素的位置或颜色。本题需要在已提供的基础项目中使用 JS 知识封装一个函数,该函数可以根据需要,生成指定范围和个数的不重复的随机数数组。步骤准备在开始答题前,你需要在线上环境终端中键入以下命令,下载并解压所提供的文件。wget https://labfile.oss.aliyuncs.com/courses/7835/exam12-imi.zip &&原创 2022-04-05 22:15:20 · 1582 阅读 · 0 评论 -
蓝桥杯Web练习题:【功能实现】搜一搜呀
【功能实现】搜一搜呀背景介绍通常网站上会有搜索功能,方便用户定位搜索。本次试题我们要使用 Vue 2 的语法来完成一个关键字匹配的搜索功能。准备步骤在开始答题前,你需要在线上环境终端中键入以下命令,下载并解压所提供的文件。wget https://labfile.oss.aliyuncs.com/courses/7835/exam02-imi.zip && unzip exam02-imi.zip && mv exam02-imi/* ./ && r原创 2022-04-04 15:13:05 · 897 阅读 · 1 评论 -
蓝桥杯Web练习题:【功能实现】折叠手风琴
【功能实现】折叠手风琴背景介绍本次挑战需要实现图片折叠的效果,请使用 jQuery 语法完成代码。步骤准备在开始答题前,你需要在线上环境终端中键入以下命令,下载并解压所提供的文件。wget https://labfile.oss.aliyuncs.com/courses/7835/exam03-imi.zip && unzip exam03-imi.zip && mv exam03-imi/* ./ && rm -rf exam03-imi*下载原创 2022-04-01 23:57:46 · 941 阅读 · 0 评论 -
蓝桥杯Web:【功能实现】时间管理大师
【功能实现】时间管理大师背景介绍时间管理永远都是提升工作和学习效率的必备法门,你在平时的工作学习中是否也有做计划和管理计划的习惯呢?本题需要在已提供的基础项目中使用 Vue.js 知识实现一个简易的任务管理器。步骤准备在开始答题前,你需要在线上环境终端中键入以下命令,下载并解压所提供的文件。wget https://labfile.oss.aliyuncs.com/courses/7835/exam13-imi.zip && unzip exam13-imi.zip &&原创 2022-04-06 16:10:17 · 762 阅读 · 0 评论 -
蓝桥杯Web练习题:实现用户登录功能
实现用户登录功能背景介绍数据动态化是前端开发中必备的基础技能,本次试题将实现开发中最为常见的一个功能——用户登录。准备步骤在开始答题前,你需要在线上环境终端中键入以下命令,下载并解压所提供的用户登录功能的基础代码:wget https://labfile.oss.aliyuncs.com/courses/4450/userlogin.zip && unzip userlogin.zip && mv userlogin/* ./ && rm -rf u原创 2022-04-04 17:17:44 · 840 阅读 · 0 评论 -
蓝桥杯Web练习题:【功能实现】卡片化标签页
【功能实现】卡片化标签页背景介绍选项卡功能在前端开发中特别常见,作为设置选项的模块,每个选项卡代表一个活动的区域,点击不同的区域,即可展现不同的内容,这样既能节约页面的空间又能提升页面性能。本题需要在已提供的基础项目中使用 JS 完成选项卡功能的编码,最终实现切换选项卡可以显示对应内容的效果。步骤准备在开始答题前,你需要在线上环境终端中键入以下命令,下载并解压所提供的文件。wget https://labfile.oss.aliyuncs.com/courses/7835/exam07-imi.原创 2022-04-01 23:51:40 · 720 阅读 · 0 评论 -
蓝桥杯Web练习题:多个斜线开始的路径重定向问题
多个斜线开始的路径重定向问题需求说明在 vue-router v3.5.2 版本代码中存在一个 Bug,一个以多个斜线(///)开始的路径实际上可能会重定向到另一个域。这是因为 cleanPath 函数只替换了两个斜线。请修复此问题。知识技能修复本问题,需要具备的知识技能:掌握 JavaScript 基础语法。掌握正则表达式。问题复现请开启线上实验环境,输入下面的命令下载初始代码。wget https://labfile.oss.aliyuncs.com/courses/5036/vue-原创 2022-04-06 22:09:56 · 887 阅读 · 1 评论