蓝桥杯web模拟题1
蓝桥杯web模拟题1
Rainbow一定行
这个作者很懒,什么都没留下…
展开
-
蓝桥杯web:1.【Bug 调试】修复网站显示问题
打开环境右侧的【Web 服务】,点击【exam01】文件夹,效果如下(页面显示宽度为 1024 px):考试需求如上所示的 index.html 布局不符合最终要求。请检查 exam01 下的各个文件,找到并修复项目存在的 Bug,使果壳儿页面正常显示,效果如下(页面显示宽度为 1024 px):题目所给代码:修改过后送分题,引入css文件时名称写错...原创 2022-03-05 19:57:22 · 1019 阅读 · 0 评论 -
蓝桥杯web:2.【Bug 调试】修复注册验证问题
背景介绍注册页面是目前网站中最为常见的一个页面,通常在用户注册时,需要用户填写手机、邮箱等信息,但为了防止无效数据的录入,在提交注册时会对录入信息进行验证。本次试题实现了用户注册页面,但其中的手机号码验证一直无法顺利通过,请你对出现的 Bug 进行修复。打开环境右侧的【Web 服务】,点击【exam02】文件夹,在运行后的页面中输入正确的手机号码,点击【提交】按钮,页面效果如下:考试需求要求手机号要以 186、134-139 或 150-152 开头,满足这些格式的手机号可以提交,否则显原创 2022-03-05 20:24:53 · 7614 阅读 · 0 评论 -
蓝桥杯web:3.【功能实现】封装函数实现个人所得税计算器
背景介绍JavaScript 可以帮助开发者实现许多非常实用的功能。本次将通过 JavaScript 封装函数来实现一个简易的个人所得税计算器。打开环境右侧的【Web 服务】,效果如下:需要注意这是一个功能不完整的简单个人所得税计算器。考试需求基于挑战提供的基础代码,完善个人所得税计算器结构,实现当用户在文本框中输入薪资后,单击计算按钮,即可将计算后的结果显示到页面中。例如:当输入 5000,根据个人所得税规则无需缴税,页面效果如下:当输入 8000,根据个人所得税规原创 2022-03-05 21:06:20 · 7899 阅读 · 0 评论 -
蓝桥杯web:4【页面布局】Flex 经典骰子布局
背景介绍目前 CSS3 中新增的 Flex 弹性布局已经成为前端页面布局的首选方式,这次试题将利用 Flex 实现经典布局效果。考试需求补全 index.html 文件空缺的 css 代码。 骰子 1:使用justify-content与align-items属性实现。 骰子 2:使用justify-content、flex-direction与align-items属性实现。 骰子 3:使用justify-content、align-self与align-items...原创 2022-03-06 12:45:00 · 1280 阅读 · 0 评论 -
蓝桥杯web:5【页面布局】制作网站首页
考试需求请完善css/style.css样式文件,让知乎日报首页呈现如下所示的效果(页面整体宽度1024px):关键尺寸批注如下:(可以通过在图片上右键-》“在新标签页打开图片”,或在右键-》复制图片地址后到浏览器新标签页打开并放大图片,查看关键尺寸)HTML:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="...原创 2022-03-11 21:02:43 · 923 阅读 · 1 评论 -
蓝桥杯web6:【页面布局】响应式 Gulp 中文网
打开环境右侧的【Web 服务】,效果如下:现在,可以看到 Gulp 中文网静态页面,它还无法进行响应式,手动改变浏览器窗口大小,可以看到如下效果。考试需求在index.html文件<style>中加入下述@media媒体查询规则。 当屏幕宽度max-width为1400px时,页面效果如下(不包括图上尺寸标记)。当屏幕宽度max-width为900px时,页面效果如下(不包括图上尺寸标记)。 当屏幕宽度max-width为...原创 2022-03-15 17:13:09 · 415 阅读 · 0 评论 -
蓝桥杯web:7.【数据交互】天气预报查询
function getweather() { //TODO:请补充代码 $.ajax({ url: './js/weather.json', type: "GET", dataType: "json", success: function (res) { console.log(res); var data = res..原创 2022-02-03 23:02:05 · 701 阅读 · 0 评论 -
蓝桥杯web:8【数据交互】实现卡号绑定功能
正确答案:function bind(cardno, password) { //Todo:补充代码 // 方法一(简写): // $.get('js/cardnolist.json', data => { // let flag = data.cardnolist.some((value) => value.cardno == cardno && value.password == password) // if原创 2022-02-04 22:19:03 · 457 阅读 · 0 评论 -
蓝桥杯web:9.【数据交互】知乎首页数据动态化
主要考察vue axios的使用main.js在js中引入axios// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.import Vue from 'vue'import App from './App'import router from './router'原创 2022-02-08 22:36:24 · 248 阅读 · 0 评论 -
蓝桥杯web:10.【API 开发】RESTful API 开发
背景介绍RESTful API 已经是现在互联网里对外开放接口的主流模式,本次试题将实现用户功能的 RESTful API 开发。考试需求请基于 users.json 补全 index.js 获取用户列表 RESTful API。Url HTTP 方法 发送内容 响应结果 list Get 空 显示所有用户列表 var express = require('express');var app = express();var fs = re原创 2022-03-05 20:53:29 · 378 阅读 · 0 评论