2025年全国计算机等级考试二级Web程序设计真题及答案

2025年全国计算机等级考试二级Web程序设计真题及答案选择题（共20题，每题2分，共40分）1.下列关于算法时间复杂度的描述正确的是（）A.时间复杂度是指算法执行的具体时间B.时间复杂度与算法所处理的数据规模无关C.时间复杂度是指算法执行过程中基本运算的次数D.算法的时间复杂度越低，空间复杂度一定越高2.栈的初始状态为空，元素按a、b、c、d、e的顺序依次入栈，出栈顺序不可能的是（）A.edcbaB.abcdeC.bacdeD.dceab3.软件生命周期中，能准确确定软件系统必须做什么和必须具备哪些功能的阶段是（）A.概要设计B.需求分析C.详细设计D.测试阶段4.下列属于白盒测试方法的是（）A.边界值分析法B.等价类划分法C.逻辑覆盖法D.错误推测法5.面向对象程序设计中，类之间共享属性和方法的机制称为（）A.多态B.封装C.继承D.重载6.在E-R图中，用来表示实体之间联系的图形是（）A.矩形B.椭圆形C.菱形D.平行四边形7.有两个关系R和S如下：R：ABCa12b23c34S：ADa5c6则进行自然连接运算后得到的结果的元组个数是（）A.1B.2C.3D.48.数据库设计的核心阶段是（）A.需求分析B.概念设计C.逻辑设计D.物理设计9.下列不属于结构化程序设计原则的是（）A.自顶向下B.逐步求精C.模块化D.可移植10.对长度为10的有序表进行冒泡排序，最坏情况下需要的比较次数是（）A.9B.10C.45D.9011.下列HTTP状态码中，表示服务器拒绝请求、权限不足的是（）A.200B.401C.403D.40412.下列HTML标签中，属于HTML5新增的块级语义标签的是（）A.`<span>`B.`<article>`C.`<b>`D.`<div>`13.按照CSS标准盒模型，设置元素`width:200px`，`padding:10px`，`border:5pxsolid#000`，`margin:20px`，则该元素实际占据的总宽度为（）A.200pxB.230pxC.270pxD.290px14.下列JavaScript数据类型中，属于原始（基本）数据类型的是（）A.ObjectB.ArrayC.SymbolD.Function15.DOM节点中，元素节点的nodeType属性值为（）A.1B.2C.3D.916.下列Vue.js指令中，用于实现表单元素和数据双向绑定的是（）A.v-bindB.v-modelC.v-onD.v-for17.下列HTTP请求方法中，不属于幂等方法的是（）A.GETB.PUTC.DELETED.POST18.下列CSS选择器优先级从高到低排序正确的是（）A.!important>id选择器>类选择器>标签选择器B.id选择器>!important>类选择器>标签选择器C.!important>类选择器>id选择器>标签选择器D.标签选择器>类选择器>id选择器>!important19.AJAX请求中，XMLHttpRequest对象的readyState属性值为（）时，表示请求已完成且响应已就绪。A.2B.3C.4D.520.下列关于Web存储的描述正确的是（）A.sessionStorage的数据在浏览器关闭后仍然存在B.localStorage的存储容量一般为5MB左右C.localStorage的数据可以在不同域名下共享D.sessionStorage和localStorage都属于服务器端存储基本操作题（本题18分）现有网页素材文件夹root，包含图片avatar.jpg、字体文件iconfont.ttf，请完成以下操作：1.在root文件夹下新建index.html文件，声明HTML5doctype，设置页面字符编码为UTF-8，页面标题为“个人电子名片”。（3分）2.页面主体使用`<article>`标签包裹，内部结构依次为：顶部头像区域（img标签引入avatar.jpg，alt属性为“用户头像”）、用户姓名h2标签、职位p标签、联系方式无序列表（包含3个li，分别是手机号、邮箱、GitHub地址，其中GitHub地址为超链接，target="_blank"，跳转至https://github）、底部备注p标签。（6分）3.内嵌CSS样式完成以下要求：（1）全局重置margin和padding为0，box-sizing设置为border-box。（2分）（2）article标签宽度为320px，margin为50pxauto，内边距20px，边框为1pxsolid#e5e7eb，圆角12px，盒子阴影为02px12pxrgba(0,0,0,0.1)。（3分）（3）头像img设置宽度80px，高度80px，圆角50%，display为block，margin0auto15pxauto。（2分）（4）用户姓名h2设置文本居中，颜色#333，字号20px，下边距8px；职位p标签文本居中，颜色#666，字号14px，下边距20px。（2分）简单应用题（本题24分）现有root文件夹下的form.html文件，已包含用户注册表单结构，包含用户名输入框（id="username"）、密码输入框（id="password"）、确认密码输入框（id="repwd"）、手机号输入框（id="phone"）、提交按钮（id="submitBtn"）、错误提示div（id="errMsg"），请完成以下功能：1.写一个校验用户名的函数checkUsername()：要求用户名长度为6-12位，只能包含字母、数字和下划线，校验通过返回true，不通过返回false，同时在errMsg中显示红色的“用户名格式错误，应为6-12位字母、数字或下划线”。（6分）2.写一个校验密码的函数checkPwd()：要求密码长度为8-16位，必须同时包含字母和数字，校验通过返回true，不通过返回false，错误提示为“密码格式错误，应为8-16位且同时包含字母和数字”。（6分）3.写一个校验确认密码的函数checkRepwd()：要求两次输入的密码完全一致，校验通过返回true，不通过返回false，错误提示为“两次输入的密码不一致”。（4分）4.写一个校验手机号的函数checkPhone()：要求手机号符合中国大陆11位手机号规则（开头为1，第二位为3-9，后面9位为0-9），校验通过返回true，不通过返回false，错误提示为“手机号格式错误”。（4分）5.给提交按钮绑定click点击事件，阻止表单默认提交行为，依次调用上述4个校验函数，所有校验都通过时在errMsg中显示绿色的“注册成功”，否则显示对应错误信息。（4分）综合应用题（本题18分）现有root文件夹下的weather.html文件，已包含页面结构：城市输入框（id="city"）、查询按钮（id="queryBtn"）、天气展示区域div（id="weatherBox"），已知公开天气查询接口地址为`https://api.example/weather`，请求方式GET，请求参数为city（城市名，UTF-8编码），接口返回JSON格式如下：```json{"code":200,"msg":"查询成功","data":{"city":"北京","nowTemp":"26℃","weather":"晴","wind":"南风2级","humidity":"45%"}}```如果查询失败返回code为404，msg为“城市不存在”。请完成以下功能：1.封装AJAX请求函数queryWeather(city,callback)，函数接收城市名和回调函数作为参数，发送GET请求到上述接口，携带city参数，请求完成后将返回的JSON数据传入回调函数执行。（8分）2.给查询按钮绑定click事件，获取输入框中的城市名，若城市名为空则在weatherBox中显示红色提示“请输入城市名”，否则调用queryWeather函数。（4分）3.回调函数处理返回结果：若code为200，则在weatherBox中插入结构，显示城市名、当前温度、天气状况、风力风向、湿度，样式要求文字大小16px，行高2，颜色#333；若code为404，则显示红色的错误提示“您查询的城市不存在”。（6分）答案与解析选择题答案与解析1.答案：C解析：时间复杂度是衡量算法执行效率的核心指标，指算法执行过程中基本运算的执行次数，与数据规模正相关；时间复杂度与空间复杂度无必然负相关关系，算法执行的具体时间受硬件环境影响，因此A、B、D错误，C正确。2.答案：D解析：栈是遵循后进先出规则的线性表，D选项中d、c出栈后，栈内剩余元素从栈顶到栈底为b、a，e入栈后出栈，后续只能先出b再出a，不可能出现a先于b出栈的情况，因此D不可能。3.答案：B解析：需求分析阶段的核心任务是调研、梳理并明确软件系统的功能、性能、数据、接口等需求，确定系统必须实现的能力，B正确；概要设计是确定系统整体架构，详细设计是确定模块内部实现逻辑，测试阶段是验证系统是否符合需求。4.答案：C解析：白盒测试是基于程序内部逻辑结构的测试方法，逻辑覆盖（包括语句覆盖、判定覆盖、条件覆盖等）属于典型白盒测试方法；边界值分析法、等价类划分法、错误推测法均属于基于程序外部功能的黑盒测试方法，C正确。5.答案：C解析：继承是子类复用父类属性和方法的核心机制，可实现类之间的能力共享；多态是同一操作作用于不同对象产生不同执行结果，封装是隐藏对象内部实现细节仅暴露必要接口，重载是同一类中同名方法参数列表不同实现不同逻辑，C正确。6.答案：C解析：E-R图的图形规范为：矩形表示实体，椭圆形表示实体属性，菱形表示实体之间的联系，C正确。7.答案：B解析：自然连接是按公共属性进行等值连接并去除重复属性的关系运算，本题公共属性为A，等值匹配后得到的元组为`(a,1,2,5)`、`(c,3,4,6)`，共2个元组，B正确。8.答案：B解析：概念设计阶段是将需求分析得到的用户需求抽象为与数据库实现无关的概念模型（E-R模型）的过程，是整个数据库设计的核心阶段，是后续逻辑设计、物理设计的基础，B正确。9.答案：D解析：结构化程序设计的核心原则包括自顶向下、逐步求精、模块化、限制使用goto语句；可移植是程序的质量属性要求，不属于设计原则，D正确。10.答案：C解析：冒泡排序最坏情况下需要比较的次数公式为，n为线性表长度，当n=10时，计算得=45，C正确。11.答案：C解析：HTTP状态码规范为：200表示请求成功，401表示未授权（需要身份认证），403表示服务器理解请求但拒绝执行（权限不足），404表示请求的资源不存在，C正确。12.答案：B解析：`<span>`、`<b>`、`<div>`均为HTML4标准已存在的标签，`<article>`是HTML5新增的语义化块级标签，用于表示页面中独立、可单独复用的内容区块，B正确。13.答案：C解析：标准盒模型中，元素在页面中占据的总宽度=width+左右padding+左右border+左右margin，代入数值计算得200+102+52+202=270px，C正确。解析：标准盒模型中，元素在页面中占据的总宽度=width+左右padding+左右border+左右margin，代入数值计算得200+102+52+202=270px，C正确。14.答案：C解析：JavaScript的原始数据类型包括Number、String、Boolean、Null、Undefined、Symbol、BigInt共7种；Object、Array、Function均属于引用类型，存储的是内存地址指针，C正确。15.答案：A解析：DOM节点的nodeType属性规范为：元素节点值为1，属性节点值为2，文本节点值为3，文档节点值为9，A正确。16.答案：B解析：v-bind用于单向绑定元素属性，v-model用于实现表单元素与数据的双向绑定，v-on用于绑定事件，v-for用于列表渲染，B正确。17.答案：D解析：幂等方法指多次调用产生的结果与单次调用完全一致的HTTP方法，GET、PUT、DELETE均为幂等方法；POST多次调用会重复提交资源，不属于幂等方法，D正确。18.答案：A解析：CSS选择器优先级从高到低为：!important>行内样式>id选择器>类/伪类/属性选择器>标签选择器>通配符选择器，A正确。19.答案：C解析：XMLHttpRequest对象的readyState取值规范：0=未初始化，1=已调用open方法，2=已接收到响应头，3=响应体加载中，4=请求完成且响应已就绪，C正确。20.答案：B解析：sessionStorage的数据仅在当前会话生效，浏览器关闭后自动清除，A错误；localStorage的存储容量通常为5MB左右，B正确；localStorage遵循同源策略，不同域名下无法共享数据，C错误；sessionStorage和localStorage都属于客户端存储，数据保存在用户浏览器中，D错误。基本操作题参考代码与评分标准```html<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>个人电子名片</title><style>{{margin:0;padding:0;box-sizing:border-box;}article{width:320px;margin:50pxauto;padding:20px;border:1pxsolid#e5e7eb;border-radius:12px;box-shadow:02px12pxrgba(0,0,0,0.1);}.avatar{width:80px;height:80px;border-radius:50%;display:block;margin:0auto15px;}h2{text-align:center;color:#333;font-size:20px;margin-bottom:8px;}.position{text-align:center;color:#666;font-size:14px;margin-bottom:20px;}ul{list-style:none;margin-bottom:20px;}li{font-size:14px;color:#333;line-height:2;}a{color:#165dff;text-decoration:none;}.remark{font-size:12px;color:#999;text-align:center;}</style></head><body><article><imgsrc="avatar.jpg"alt="用户头像"class="avatar"><h2>张三</h2><pclass="position">前端开发工程师</p><ul><li>手机号lt;/li><li>邮箱：zhangsan@example</li><li>GitHub：<ahref="https://github"target="_blank">https://github</a></li></ul><pclass="remark">可随时联系沟通工作事宜</p></article></body></html>```评分标准：1.正确声明HTML5doctype、设置UTF-8编码、页面标题符合要求得3分，缺一项扣1分；2.页面结构完整，语义标签使用正确，超链接属性配置符合要求得6分，缺一个结构模块扣1分，语义标签使用错误扣2分，超链接target属性错误扣1分；3.全局样式重置正确得2分，article样式配置正确得3分，头像样式配置正确得2分，文字样式配置正确得2分，每错一项扣对应分值。简单应用题参考代码与评分标准```javascriptconsterrMsg=document.getElementById('errMsg');//校验用户名functioncheckUsername(){constusername=document.getElementById('username').value.trim();constreg=/^\w{6,12}$/;if(!reg.test(username)){errMsg.style.color='red';errMsg.innerText='用户名格式错误，应为6-12位字母、数字或下划线';returnfalse;}returntrue;}//校验密码functioncheckPwd(){constpwd=document.getElementById('password').value.trim();constreg=/^(?=.[a-zA-Z])(?=.\d).{8,16}/;if(!reg.test(pwd)){errMsg.style.color='red';errMsg.innerText='密码格式错误，应为8-16位且同时包含字母和数字';returnfalse;}returntrue;}//校验确认密码functioncheckRepwd(){constpwd=document.getElementById('password').value.trim();constrepwd=document.getElementById('repwd').value.trim();if(pwd!==repwd){errMsg.style.color='red';errMsg.innerText='两次输入的密码不一致';returnfalse;}returntrue;}//校验手机号functioncheckPhone(){constphone=document.getElementById('phone').value.trim();constreg=/^1[3-9]\d{9}$/;if(!reg.test(phone)){errMsg.style.color='red';errMsg.innerText='手机号格式错误';returnfalse;}returntrue;}//绑定提交事件document.getElementById('submitBtn').addEventListener('click',function(e){e.preventDefault();//阻止默认提交errMsg.innerText='';if(checkUsername()&&checkPwd()&&checkRepwd()&&checkPhone()){errMsg.style.color='green';errMsg.innerText='注册成功';}})```评分标准：1.checkUsername函数正则正确、逻辑正确、提示信息符合要求得6分，正则错误扣3分，逻辑错误扣2分，提示信息错误扣1分；2.checkPwd函数正则正确、逻辑正确得6分，正则缺少字符或数字校验扣3分，长度校验错误扣2分；3.checkRepwd函数逻辑正确得4分，判断逻辑错误扣3分；4.checkPhone函数正则符合手机号规则得4分，第二位数字范围错误扣2分；5.事件绑定正确、阻止默认提交行为、校验逻辑正确得4分，未阻止默认提交扣2分，校验逻辑顺序错误扣1分。综合应用题参考代码与评分标准```javascriptconstweatherBox=document.getElementById('weatherBox');//封装AJAX请求函数functionqueryWeather(city,callback){constxhr=newXMLHttpRequest();//对城市名进行URL编码避免乱码xhr.open('GET',`https://api.example/weather?city=${encodeURIComponent(city)}`,true);xhr.onreadystatechange=function(){if(xhr.ready