计算机二级web程序设计试题及答案_第1页
计算机二级web程序设计试题及答案_第2页
计算机二级web程序设计试题及答案_第3页
计算机二级web程序设计试题及答案_第4页
计算机二级web程序设计试题及答案_第5页
已阅读5页，还剩18页未读， 继续免费阅读

下载本文档

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

文档简介

计算机二级web程序设计试题及答案单项选择题（每题2分，共20题，满分40分）1.以下关于HTML5文档基本结构的说法，正确的是A.<!DOCTYPE>声明必须位于HTML5文档的<html>标签之后B.<header>标签只能用来定义页面的头部区域C.HTML5中省略<html>、<body>标签后文档仍可正常解析D.<meta>标签必须放在<title>标签之后答案：C解析：<!DOCTYPE>声明必须是HTML文档的第一行，位于<html>标签之前，A错误；<header>标签可以定义页面头部，也可以定义文章区块的头部，B错误；HTML5语法宽松，省略<html>、<body>等根容器标签后浏览器仍可正常解析文档结构，C正确；<meta>标签用于定义字符集、页面描述等元数据，通常放在<title>标签之前，D错误。2.下列属性中，用于给HTML元素绑定唯一标识，方便CSS或JavaScript调用的是A.classB.idC.nameD.data-*答案：B解析：id属性用于为HTML元素指定全局唯一的标识，同一个页面中id值不能重复，可被CSS选择器、JavaScriptDOM接口调用，B正确；class属性用于定义元素的类名，同一个类名可绑定多个元素，A错误；name属性多用于表单元素，提交表单时标识数据，C错误；data-*是自定义数据属性，用于存储自定义数据，D错误。3.下列CSS选择器中，优先级最高的是A.div.containerpB.#main.itemspanC.!important修饰的内联样式D.伪类选择器a:hover答案：C解析：CSS优先级规则从高到低依次为：!important修饰的样式>内联样式(style属性)>ID选择器>类选择器/伪类选择器/属性选择器>标签选择器，因此!important修饰的内联样式优先级最高，本题选C。4.CSS中，下列哪个属性可以修改盒子模型的内边距计算方式，使盒子的总宽度/高度包含border和padding？A.box-sizingB.box-shadowC.border-sizingD.overflow答案：A解析：box-sizing属性用于定义盒子模型的尺寸计算规则，取值为border-box时，盒子的总宽度/高度=width/height+margin，即width/height已经包含了content、padding和border，符合需求，A正确；box-shadow用于添加盒子阴影，B错误；不存在border-sizing属性，C错误；overflow用于处理内容溢出盒子的情况，D错误。5.以下哪个CSS单位是相对于根元素html的字体大小计算的？A.emB.remC.%D.vw答案：B解析：em是相对于当前元素或父元素的字体大小计算，A错误；rem是rootem的缩写，始终相对于根元素<html>的默认字体大小计算，B正确；%单位通常相对于父元素对应属性的百分比，C错误；vw是视口宽度的百分比单位，1vw等于视口宽度的1%，D错误。6.JavaScript中，下列哪个方法可以用来添加/移除CSS类，且重复添加同一个类不会多次生成？A.classNameB.setAttributeC.classList.add()/remove()D.style.cssText答案：C解析：className会直接覆盖整个类名，多次赋值会覆盖原有内容，无法自动去重，A错误；setAttribute是设置元素属性，同样会覆盖原有class值，B错误；classList对象的add方法添加类时自动去重，remove可以精准移除指定类，符合需求，C正确；style.cssText用于修改内联样式，无法操作类，D错误。7.下列关于JavaScript变量提升的说法，错误的是A.var声明的变量会提升到当前作用域的顶部B.函数声明会整体提升到当前作用域顶部C.let和const声明的变量不存在变量提升D.变量提升只会提升变量声明，不会提升变量赋值答案：C解析：JavaScript中，var声明的变量和函数声明都会存在提升，提升是将声明放到作用域顶部，赋值留在原位置，A、B、D说法正确；let和const声明的变量存在变量提升，但是存在暂时性死区，不允许在声明之前访问，并非不存在提升，因此C说法错误，本题选C。8.JavaScript中，表达式typeofnull的运行结果是A."null"B."object"C."undefined"D."number"答案：B解析：JavaScript最初的设计中，null是作为空对象指针，因此typeofnull的返回值是"object"，这是JS语言遗留的设计bug，本题选B。9.以下HTTP方法中，按照RESTful设计规范，通常用于更新已有资源的方法是A.GETB.POSTC.PUTD.DELETE答案：C解析：GET用于获取资源，POST用于新建资源，PUT用于更新已有全量资源，DELETE用于删除资源，因此本题选C。10.下列哪个状态码表示"永久重定向"？A.301B.302C.404D.500答案：A解析：301是永久重定向，搜索引擎会传递权重，302是临时重定向，404是资源不存在，500是服务器内部错误，本题选A。11.HTML中，哪个标签用于定义文档内的独立区块，比如一篇文章、一个评论卡片？A.<div>B.<section>C.<article>D.<aside>答案：C解析：<div>是通用块级容器，没有语义，<section>是通用内容区块，用于划分页面不同主题区域，<article>表示独立、完整的可复用内容区块，符合题目描述，<aside>表示侧边栏，和主体内容无关的附属内容，因此选C。12.CSSFlex布局中，哪个属性用于设置项目在主轴方向上的自动放大占比？A.flex-growB.flex-shrinkC.flex-basisD.align-items答案：A解析：flex-grow定义项目的放大比例，剩余空间会按照flex-grow的比例分配给项目，A正确；flex-shrink定义缩小比例，空间不足时项目按照比例缩小，B错误；flex-basis定义项目在分配剩余空间之前的初始大小，C错误；align-items设置项目在交叉轴的对齐方式，D错误。13.JavaScript中，下列哪种方式可以正确实现异步代码串行执行？A.回调函数嵌套（回调地狱）B.Promise链式调用C.多个Promise同时调用Promise.allD.直接同步编写异步代码不加任何处理答案：B解析：Promise链式调用可以将异步串行代码扁平化，正确实现异步串行执行，B正确；回调嵌套虽然也能实现串行但可读性极差，不是规范的实现方式，A不符合要求；Promise.all用于并行执行多个异步，等全部完成后处理，C错误；JS异步代码直接同步编写无法保证执行顺序，D错误。14.关于本地存储localStorage的说法，正确的是A.localStorage存储的数据在页面刷新后被清除B.localStorage单个域名存储容量一般不超过4KBC.localStorage存储的数据只能是字符串类型D.localStorage的数据会随每次请求发送到服务器答案：C解析：localStorage是持久化存储，关闭浏览器、刷新页面数据都不会清除，sessionStorage才是会话级关闭就清除，A错误；localStorage容量一般在5MB左右，cookie才是不超过4KB，B错误；localStorage只能存储字符串，存储复杂类型需要JSON序列化，C正确；只有cookie的数据会随请求发送到服务器，localStorage数据不会，D错误。15.以下哪个选项是CSS三栏布局，两侧定宽中间自适应的错误实现描述？A.浮动+margin可以实现该布局B.flex布局可以快速实现该布局C.绝对定位可以实现该布局D.圣杯布局不需要设置中间栏宽度答案：D解析：圣杯布局是三栏布局的经典实现，两侧定宽，中间栏宽度需要设置为100%，配合负margin实现自适应，因此D选项描述错误，本题选D。16.JavaScript中，数组方法sort()默认按照什么排序？A.元素大小升序B.元素转换为字符串后的Unicode编码排序C.元素大小降序D.随机排序答案：B解析：sort方法默认不传比较函数时，会把数组元素转换为字符串，然后按照字符串的Unicode编码顺序排序，并非直接按照数值大小排序，因此本题选B。17.HTML表单中，哪个属性用于规定输入框是必填项？A.requiredB.placeholderC.disabledD.readonly答案：A解析：required是HTML5新增的表单属性，规定输入框提交前必须填写内容，A正确；placeholder是提示占位文本，B错误；disabled是禁用输入框，不可编辑不可提交，C错误；readonly是只读，可提交不可编辑，D错误。18.下列关于AJAX的说法，错误的是A.AJAX可以实现页面无刷新更新数据B.AJAX默认遵循异步交互模型C.AJAX请求可以绕过同源策略任意访问不同源数据D.AJAX核心对象是XMLHttpRequest答案：C解析：AJAX受浏览器同源策略限制，默认不能跨域访问不同源资源，需要后端配置CORS或者通过代理、JSONP等方案才能实现跨域，因此C说法错误，本题选C。19.CSS中，哪个函数可以实现元素的2D旋转？A.translate()B.scale()C.rotate()D.skew()答案：C解析：translate是平移变换，scale是缩放变换，rotate是旋转变换，skew是倾斜变换，因此本题选C。20.Node.js中，哪个模块是用来创建web服务器的核心模块？A.fsB.httpC.eventsD.path答案：B解析：fs是文件操作模块，http是创建web服务器、处理HTTP请求的核心模块，events是事件模块，path是路径处理模块，因此本题选B。多项选择题（每题4分，共5题，满分20分，多选、少选、错选均不得分）1.以下属于HTML5新增语义化标签的是A.<nav>B.<header>C.<div>D.<footer>答案：ABD解析：div是HTML早期版本就存在的无语义通用容器，不是HTML5新增的语义化标签，nav（导航栏）、header（头部）、footer（底部）都是HTML5新增的语义化标签，因此选ABD。2.下列关于CSS定位的说法，正确的有A.static是默认定位，不脱离文档流B.relative相对定位，不脱离文档流，原来占据的空间保留C.absolute绝对定位，脱离文档流，相对于最近的非static定位的父元素定位D.fixed固定定位，脱离文档流，相对于浏览器视口定位答案：ABCD解析：四个选项对CSS不同定位属性的描述均符合规范，因此全选。3.JavaScript中，下列方法可以改变原数组的有A.push()B.pop()C.splice()D.slice()答案：ABC解析：push在数组末尾添加元素，pop删除数组末尾元素，splice可以删除、添加、替换数组元素，三个方法都会修改原数组，slice是截取数组的片段，返回新数组，不会修改原数组，因此选ABC。4.下列属于跨域解决方案的有A.JSONPB.CORSC.代理服务器D.localStorage答案：ABC解析：JSONP、CORS、反向代理都是前端常用的跨域解决方案，localStorage是浏览器本地存储方案，和跨域问题无关，因此选ABC。5.以下关于响应式布局的说法，正确的有A.响应式布局可以适配不同尺寸的设备B.媒体查询是响应式布局的核心实现方式之一C.百分比、rem、vw/vh都是响应式布局常用的单位D.响应式布局就是流动布局，不需要适配不同断点答案：ABC解析：响应式布局需要设置不同的媒体查询断点，在不同断点下应用不同的布局样式适配不同设备，因此D错误，ABC描述均正确，本题选ABC。操作题基本操作题（18分）请补全HTML代码中的空缺，实现需求：1.设置HTML文档的字符编码为UTF-8；2.给页面中的`<h1>`标签添加class属性，值为title；3.引入同目录下的外部CSS文件style.css。给出的不完整代码如下：```html<!DOCTYPEhtml><html><head><metacharset="____(1)____"><title>基本操作题</title>____(2)____href="style.css"rel="stylesheet"></head><body><h1____(3)____>我的标题</h1></body></html>```请写出三个空缺位置的代码。答案及解析：(1)`UTF-8`（6分）：根据需求，文档字符编码设置为UTF-8，直接填写即可。(2)`<link`（6分）：引入外部样式表需要使用`<link>`标签，标签属性已给出，此处填写标签开头，完整语句符合规范要求。(3)`class="title"`（6分）：题目要求给h1添加class属性，值为title，直接填写属性即可。简单应用题（24分）请补全JavaScript代码，实现功能：点击id为btn的按钮，弹出id为input的输入框中用户输入的内容。给出的不完整代码如下：```jsconstbtn=document.getElementById('____(1)____');btn.____(2)____('click',function(){constinputVal=document.getElementById('input').____(3)____;alert(inputVal);})```请写出三个空缺位置的代码。答案及解析：(1)`btn`（8分）：需要获取id为btn的按钮元素，`getElementById`的参数传入元素id值btn，符合要求。(2)`addEventListener`（8分）：给按钮绑定点击事件，使用DOM原生`a

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

温馨提示

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

最新文档

评论

0/150

提交评论