2025年全国计算机二级web程序设计考试题库含答案(二)_第1页
2025年全国计算机二级web程序设计考试题库含答案(二)_第2页
2025年全国计算机二级web程序设计考试题库含答案(二)_第3页
2025年全国计算机二级web程序设计考试题库含答案(二)_第4页
2025年全国计算机二级web程序设计考试题库含答案(二)_第5页
已阅读5页，还剩30页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

2025年全国计算机二级web程序设计考试题库含答案(二)21.下列选项中，不属于HTML5新增的语义化结构标签的是（）A.`<article>`B.`<section>`C.`<div>`D.`<header>`答案：C解析：HTML5为了增强页面结构的语义性，新增了`<header>`、`<nav>`、`<section>`、`<article>`、`<aside>`、`<footer>`等语义化结构标签，每个标签都有明确的语义含义。`<div>`是HTML早期就存在的通用块级容器标签，本身不携带任何语义，因此不属于HTML5新增的语义化标签。22.下列CSS选择器中，优先级最高的是（）A.`.container#header.title`B.`div.headerh1.title`C.`#header#title`D.`div#headerh1`答案：C解析：CSS选择器优先级遵循固定计算规则：内联样式(权重1000)>ID选择器(权重100)>类选择器/伪类选择器/属性选择器(权重10)>元素选择器(权重1)，同优先级下后定义的样式覆盖先定义的样式。分别计算四个选项的权重总分：A选项包含1个ID选择器+2个类选择器，总权重为100+10+10=120；B选项包含2个元素选择器+2个类选择器，总权重为1+10+1+10=22；C选项包含2个ID选择器，总权重为100+100=200；D选项包含1个ID选择器+2个元素选择器，总权重为100+1+1=102。因此优先级最高的是C选项。23.阅读以下JavaScript代码，程序输出结果是（）```javascriptvara=1;functiontest(){console.log(a);vara=2;console.log(a);}test();```A.`12`B.`undefined2`C.`11`D.报错`ReferenceError`答案：B解析：JavaScript存在变量提升机制，函数作用域内所有变量声明、函数声明都会被提升到作用域的顶部，但是赋值操作不会提升。本题中`test`函数作用域内声明了`vara`，变量`a`的声明被提升到`test`函数顶部，因此第一个`console.log(a)`读取到的是声明未赋值的`a`，值为`undefined`；之后执行赋值操作`a=2`，第二个`console.log`输出`2`，因此最终输出结果为B选项。24.用户访问一个服务器上不存在的网页资源时，服务器返回的标准HTTP状态码是（）A.301B.403C.404D.500答案：C解析：HTTP状态码分为五类：1xx为信息响应类，2xx为成功响应类，3xx为重定向类，4xx为客户端错误类，5xx为服务器错误类。各选项对应含义：301表示永久重定向，常用于域名搬迁；403表示服务器拒绝客户端的访问请求，通常是权限不足导致；404表示客户端请求的资源在服务器上不存在，符合题干描述；500表示服务器处理请求时发生内部错误，因此本题选C。25.某元素设置了`box-sizing:border-box`，`width`属性设置为200px，`padding`左右各20px，`border`左右各10px，该元素内容区域的宽度是（）A.200pxB.140pxC.180pxD.260px答案：B解析：`box-sizing`属性用于定义CSS盒子模型的计算规则，常用值为`content-box`和`border-box`。`content-box`是标准W3C盒子模型，元素总宽度=`width`（内容宽度）+`padding`+`border`；`border-box`是怪异盒模型（IE盒子模型），元素总宽度=`width`，`width`包含了内容区、`padding`和`border`。因此本题总宽度为200px，减去左右padding总宽度40px，减去左右border总宽度20px，内容区宽度为`200-40-20=140px`，本题选B。26.关于JavaScript闭包的描述，下列说法错误的是（）A.闭包可以让函数外部读取函数内部的变量B.闭包会导致函数内的变量一直保存在内存中，不会被垃圾回收C.闭包通常在嵌套函数中产生，单独一个一级函数无法产生闭包D.闭包不会造成内存问题，因此可以无限制使用闭包答案：D解析：闭包是指有权访问另一个函数作用域中变量的函数，核心作用是实现变量私有化、延长变量的作用域链，让外部可以访问函数内部的私有变量。由于闭包会一直持有外部函数的变量引用，垃圾回收机制无法回收该变量占用的内存，不合理大量使用闭包会造成内存泄漏，影响页面性能，因此D选项说法错误，本题选D。27.HTML5原生表单验证中，用于要求输入内容必须符合指定正则表达式规则的属性是（）A.`pattern`B.`regex`C.`required`D.`validate`答案：A解析：HTML5新增了原生表单验证能力，不需要依赖JavaScript即可实现基础验证。其中`required`属性表示当前输入框为必填项，`pattern`属性接收一个合法的正则表达式，浏览器会自动验证输入内容是否匹配正则规则，原生HTML中不存在`regex`和`validate`表单属性，因此本题选A。28.在Flex弹性布局中，要让主轴方向为垂直方向、项目从下到上排列，需要将`flex-direction`设置为（）A.`row`B.`row-reverse`C.`column`D.`column-reverse`答案：D解析：`flex-direction`属性用于定义Flex容器中主轴的方向，四个常用值的含义为：`row`是默认值，主轴为水平方向，项目从左到右排列；`row-reverse`主轴为水平方向，项目从右到左排列；`column`主轴为垂直方向，项目从上到下排列；`column-reverse`主轴为垂直方向，项目从下到上排列，符合题干要求，因此本题选D。29.关于JavaScript原型链，下列说法正确的是（）A.每个对象都拥有`prototype`属性B.原型链的终点是`Ototype`，其原型为`null`C.所有构造函数的原型都直接指向`Object`实例D.实例对象的`__proto__`指向构造函数本身答案：B解析：原型链是JavaScript实现继承的核心机制，本题考察基础概念：只有函数对象才有`prototype`属性，普通实例对象没有`prototype`属性，因此A错误；`Ototype`是所有对象原型链的终点，`Ototype.__proto__`的值就是`null`，因此B正确；只有`Ototype`直接指向null，`Function`的原型是`Ftotype`，`Ftotype`的原型才是`Ototype`，并不是所有构造函数的原型都直接指向`Object`实例，因此C错误；实例对象的`__proto__`指向构造函数的`prototype`属性，而不是构造函数本身，因此D错误，本题选B。30.下列选项中，不能解决浏览器跨域访问问题的方案是（）A.JSONPB.CORSC.同源策略D.Nginx反向代理答案：C解析：跨域问题本身就是浏览器同源策略限制导致的，同源策略要求协议、域名、端口三者必须完全一致，否则不同源之间的资源交互就会被限制，因此同源策略是跨域问题的来源，不是解决方案。JSONP、跨域资源共享(CORS)、服务器反向代理都是目前主流的跨域解决方案，因此本题选C。31.下列选项中，不属于JavaScript基本数据类型的是（）A.UndefinedB.NumberC.ArrayD.Null答案：C解析：JavaScript的数据类型分为基本数据类型和引用数据类型，基本数据类型包括Undefined、Null、Boolean、Number、String、ES6新增的Symbol、ES10新增的BigInt共7种，Array、Object、Function都属于引用数据类型，因此本题选C。32.下列CSS单位中，属于相对单位，且大小相对于根元素`<html>`的字体大小计算的是（）A.`em`B.`rem`C.`px`D.`vw`答案：B解析：`em`是相对单位，大小相对于当前元素的父元素字体大小；`rem`是CSS3新增的相对单位，大小始终相对于根元素`<html>`的字体大小，适合做响应式布局的单位；`px`是绝对像素单位，大小固定；`vw`是相对视口宽度的单位，1vw等于视口宽度的1%，因此本题选B。33.HTML中，用于引入外部独立CSS样式文件的标签是（）A.`<link>`B.`<style>`C.`<script>`D.`<a>`答案：A解析：`<link>`标签用于引入外部CSS文件、网站图标等外部资源，正确写法为`<linkrel="stylesheet"href="style.css">`；`<style>`标签用于在当前HTML页面内编写内嵌CSS样式；`<script>`标签用于引入JavaScript代码；`<a>`是超链接标签，因此本题选A。34.要让一个定宽的块级元素在父容器中水平居中，下列CSS写法正确的是（）A.`margin:0auto;`B.`padding:0auto;`C.`text-align:center;`D.`align:center;`答案：A解析：定宽块级元素水平居中的标准写法就是设置左右外边距为`auto`，即`margin:0auto;`；`text-align:center;`的作用是让块级元素内部的行内内容（文字、行内元素）水平居中，不能让块级元素本身居中；CSS中不存在`align:center`的标准写法，因此本题选A。35.JavaScript数组方法中，下列方法可以删除数组的最后一个元素，并返回被删除的元素的是（）A.`shift()`B.`pop()`C.`unshift()`D.`push()`答案：B解析：四个数组方法的作用分别为：`shift()`删除数组第一个元素，返回被删除元素；`pop()`删除数组最后一个元素，返回被删除元素；`push()`在数组末尾添加一个或多个元素，返回新数组的长度；`unshift()`在数组开头添加一个或多个元素，返回新数组的长度，因此本题选B。36.下列关于CSS定位的描述，正确的是（）A.`fixed`定位是相对于父元素定位的B.`absolute`定位永远相对于body元素定位C.`relative`定位的偏移量是相对于自身原本位置计算的D.`sticky`定位不兼容任何浏览器，无法在生产环境使用答案：C解析：`fixed`固定定位是相对于浏览器视口定位，滚动页面时元素位置保持不变，因此A错误；`absolute`绝对定位是相对于最近的`position`值不为`static`的父元素定位，只有所有父元素都是默认静态定位时才会相对于body定位，因此B错误；`relative`相对定位不会脱离文档流，元素偏移量是相对于自身原本在文档流中的位置计算，因此C正确；`sticky`粘性定位在所有现代主流浏览器中都有完善的兼容性，广泛用于导航栏吸顶效果，因此D错误，本题选C。37.HTML5中，用于在页面中嵌入播放视频的原生标签是（）A.`<audio>`B.`<video>`C.`<mp4>`D.`<movie>`答案：B解析：HTML5新增了原生多媒体标签，`<audio>`用于播放音频资源，`<video>`用于播放视频资源，HTML中不存在`<mp4>`和`<movie>`原生标签，因此本题选B。38.JavaScript中，Promise对象的三种基础状态不包括下列哪一项（）A.`pending`B.`fulfilled`C.`rejected`D.`resolved`答案：D解析：Promise是异步编程的解决方案，一个Promise对象有且只有三种状态：等待态`pending`（初始状态，既没有成功也没有失败）、成功态`fulfilled`（操作成功完成）、失败态`rejected`（操作失败）。`resolve`是改变Promise状态为成功的方法名称，不是Promise的状态，因此本题选D。39.下列CSS属性中，可以改变定位元素的层叠顺序，数值越大越靠上的是（）A.`z-index`B.`top`C.`position`D.`overflow`答案：A解析：`z-index`属性专门用于设置定位元素的层叠顺序，默认值为0，数值越大，元素在层叠顺序中越靠上，会覆盖数值更小的元素，因此本题选A。40.关于HTTP的GET请求和POST请求，下列说法错误的是（）A.GET请求的参数会拼接在URL地址后B.POST请求的参数会放在请求体中传输C.GET请求的安全性比POST请求更高D.GET请求有长度限制，POST请求一般没有严格的长度限制答案：C解析：GET请求参数暴露在URL地址中，会被浏览器历史记录、服务器日志记录，而POST请求参数放在请求体中，不会被暴露，相对来说POST请求的安全性更高，因此C选项说法错误，本题选C。基本操作题（18分）题目要求：`index.html`文件中存在三处不规范的错误，分别位于第11行、第18行、第25行，请修改错误，实现以下效果：1.设置网页标题为“个人作品集”；2.给页面所有一级标题设置红色（颜色值`#ff0000`）、24px字体大小；3.点击页面“关于我”跳转链接可以正确跳转到id为`about`的锚点区域。原错误代码：```html<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><style>h1{font-size:24px;color:#ff000;}</style><name>个人作品集</name></head><body><nav><ul><li><ahref="#about">关于我</a></li><li><ahref="#works">作品</a></li></ul></nav><h1>欢迎来到我的作品集</h1><divclass="divabout"><h2>关于我</h2><p>这是关于我的介绍区域</p></div><divid="works"><h2>我的作品</h2><p>作品展示区域</p></div></body></html>```参考解答与修改说明：错误1（第11行）：网页标题使用`<title>`标签，`<name>`不是合法的标题标签，修改为：`<title>个人作品集</title>`错误2（第18行）：颜色值`#ff000`少写了一个0，正确十六进制红色值为`#ff0000`，修改CSS样式为：```cssh1{font-size:24px;color:#ff0000;}```错误3（第25行）：锚点区域需要设置id属性，原代码错误将id写为class属性且命名错误，修改为：`<divid="about">`修改后即可满足题目所有要求，本题每处错误修改正确得6分，满分18分。简单应用题（24分）题目要求：文件夹下已有水果数组`constfruit=[{"name":"苹果","price":8.5,"stock":120},{"name":"香蕉","price":3.2,"stock":350},{"name":"橙子","price":6.8,"stock":80},{"name":"草莓","price":19.9,"stock":45},{"name":"芒果","price":12.8,"stock":60}];`，请补充程序中`//代码1`、`//代码2`、`//代码3`注释位置的空缺代码，完成以下功能：1.过滤出库存低于100的水果，存入新数组`lowStockFruit`；2.计算所有库存低于100的水果的单价总和；3.将总价保留1位小数输出到控制台。原有不完整代码：```javascriptconstfruit=[{"name":"苹果","price":8.5,"stock":120},{"name":"香蕉","price":3.2,"stock":350},{"name":"橙子","price":6.8,"stock":80},{"name":"草莓","price":19.9,"stock":45},{"name":"芒果","price":12.8,"stock":60}];//1.过滤库存低于100的水果constlowStockFruit=fruit.filter(item=>{//代码1});//2.计算总价总和consttotalPrice=lowStockFruit.//代码2((prev,current)=>{returnprev+current.price;},0);//3.保留1位小数输出console.log(//代码3);```参考解答：代码1（8分）：`returnitem.stock<100;`解析：`filter`数组方法的回调函数返回布尔值，返回`true`时将当前元素存入新数组，本题要求过滤库存低于100的水果，因此判断当前元素的`stock`属性小于100即可。代码2（8分）：`reduce`解析：JavaScript数组的`reduce`方法用于对数组所有元素执行累加汇总操作，接收回调函数和初始值两个参数，完全符合本题计算总价总和的需求。代码3（8分）：`totalPrice.toFixed(1)`解析：`Number`类型的`toFixed(n)`方法用于将数字保留n位小数，返回符合要求的结果，正好满足题目保留1位小数的要求。程序运行后输出结果为`39.5`，符合预期要求，本题满分24分。综合应用题（38分）题目要求：请实现一个移动端可切换的标签页效果，要求满足：1.三个标签头，点击任意标签头时，当前标签头变为激活状态（背景色蓝色`#1677ff`，文字白色），其余标签头保持默认状态（背景白色，文字黑色）；2.点击标签头时，切换对应的内容区域，仅显示当前选中标签的内容，其余内容隐藏；3.初始状态默认选中第一个标签。现有基础HTML结构如下，请补充CSS和JavaScript代码中空缺部分，满足题目要求。基础HTML结构：```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;}.tabs-container{width:375px;margin:20pxauto;border:1pxsolid#eee;}.tabs-header{display:flex;width:100%;}.tab-item{/*代码A：补全样式，要求三个标签等分宽度，行高40px，文字居中，底部边框1pxsolid#eee，鼠标小手样式*/}.tab-item.active{/*代码B：补全激活样式，背景蓝色#1677ff，文字白色，去掉底部边框*/}.tabs-content{padding:20px;min-height:200px;}.tab-panel{/*代码C：默认所有面板隐藏*/}.tab-panel.active{/*代码D：激活的面板显示*/}</style></head><body><divclass="tabs-container"><divclass="tabs-header"><divclass="tab-itemactive"data-target="tab1">推荐</div><divclass="tab-item"data-target="tab2">热门</div><divclass="tab-item"data-target="tab3">关注</div></div><divclass="tabs-content"><divclass="tab-panelactive"id="tab1">这是推荐栏目内容，展示平台最新推荐的商品资讯。</div><divclass="tab-panel"id="tab2">这是热门栏目内容，展示当前销量和关注度最高的内容。</div><divclass="tab-panel"id="tab3">这是关注栏目内容，展示您关注的博主发布的最新内容。</div></div></div><script>consttabItems=document.querySelectorAll('.tab-item');tabItems.forEach(it

人人文库> 全部分类> 行业资料 > 各类标准

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论