计算机二级《Web程序设计》试题及答案

计算机二级《Web程序设计》试题及答案

1在下列的HTML中，正确产生超链接的标记是()。

A.新浪网B.新浪网C.http：///WWW.sina.Corn.cnD.新浪网

参考答案：B

2下面协议中用于在Web浏览器和服务器之间传输Web文档的是()。

A.NFSB.FTPC.HTTPD.DNS

参考答案：C

3在HTTP响应的MIME消息体中，可以同时包含如下类型的数据()。

i .文本数据 ii.图片数据 iii.视频数据 iv.音频数据

A.仅iB.i和iiC.i、ii和iiiD.全都可以

参考答案：D

4HTTP协议是一种()协议。

A.文件传输协议B.邮件协议C.远程登录协议D.超文本传输协议

参考答案：D

5在HTML文档中使用的注释符号是()。

A.//…B./*……*/C.D.以上说法均错误

参考答案：C

6HTTP请求消息中可以不包含()。

i.开始行 ii.消息头iii.消息体实体数据

A.仅iB.i和iiC.ii和 iiiD.仅iii

参考答案：C

7下列技术中控制文档结构的.是()。

A.DOMB.CSSC.JavaScriptD.XMLHttpRequest

参考答案：A

8下列语言编写的代码中，在浏览器端执行的是()。

A.wt h页面中的c#代码

B.Web页面中的Java代码

C.Web页面中的PHP代码

D.Web页面中的JavaScript代码

参考答案：D

9在HTTP/1.1协议中，持久连接选项是()的。

A.默认关闭B.默认打开C.不可协商D.以上都不对

参考答案：B

10以下不是HTTP协议的特点的是()。

A.持久连接B.请求/响应模式C.只能传输文本数据D.简单、高效

参考答案：C

11下列语句中，正确打开名为“window2"的新窗口的JavaScript语句是()。

A.open.new("http：//www.sina.COB.cn"，"window2")

B.new.window("http：//www.sina.con.cn"，"window2")

C.new("http：//www.sina.com.cn"，"window2")

D.window.open("http：//www.sina.tom.cn"，"window2")

参考答案：D

12以下选项中，全部都是表格标记的是()。

参考答案：B

13下列关于ASP.NET的描述中，错误的是()。

A.ASP.NET依赖于微软的.NET框架

B.ASP.NET采用纯面向对象语言比采用脚本语言的执行效率高

C.ASP.NET采用代码分离技术有利于开发协作

D.ASP.NET和ASP都采用了JavaScript编程语言

参考答案：D

14下列函数中能够把6.25四舍五入为最接近的整数的是()。

A.round(6.25)B.rnd(6.25)C.Math.rnd(6.25)D.Math.round(6.25)

参考答案：D

15目前在Internet上应用最为广泛的服务是()。

A.FTP服务B.Web服务C.Telnet服务D.Gopher服务

参考答案：B

16下列正确地在CSS文件中插入注释的语句是()。

A.//this is a commentB.//this is a comment//C./*this is a comment*/D.'this is a comment

参考答案：C

17下列不属于动态网页格式的是()。

A.ASPB.JSPC.ASPXD.VBS

参考答案：D

18以下语句中，正确制作电子邮件链接的是()。

参考答案：C

19下列哪个样式能够显示这样一个边框：上边框10像素、下边框5像素、左边框20像素、右边框l像素?()

A.border—width：10px 5px 20px 1px

B.border—width：10px 20px 5px 1px

C.border—width：5px 20px l0px 1px

D.border—width：10px 1px 5px 20px

参考答案：D

20CSS 主要用下列哪个HTML标记构建页面布局?()

参考答案：B

21在下列选项中，正确地产生文本区(textarea)的标记是()。

参考答案：A

22在访问的URL http：//Cms.bit.edu.Cn：8080/login.aspx中，http表示()。

A.端口号B.文件名C.访问协议D.主机名

参考答案：C

23下列标记中不属于行内元素的是()。

参考答案：D

24在HTML文档中用于表示页面标题的标记对是()。

参考答案：D

25下列符合CSS语法的正确语句是()。

A.body：color=blackB.{bodycolor：black}C.body{color：black}D.{body：color=black}

参考答案：C

更多计算机二级试题推荐：

1. 2016年9月计算机二级web考试试题及答案

2. 计算机二级《Web程序设计》试题及答案

3. 计算机二级考试WEB试题及答案

4. 2016计算机二级考试《Web程序设计》练习题模拟

5. 2016计算机二级考试高级Office试题及答案

6. 2016最新计算机二级考试试题及答案

7. 2016年计算机二级office高级应用试题【题库】

8. 2016计算机二级等级考试题型分析

9. 2016下半年计算机二级ps试题及答案

10. 计算机二级Office考试试题及答案

今天小编要跟大家分享的文章是关于参加Web前端面试的常见面试题汇总。准备参加Web前端面试的小伙伴们来和小编一起看一看吧，希望本篇文章能够对大家有所帮助。

1.渐进增强与优雅降级

渐进增强

并不是一种技术，而是一种设计思想。各个浏览器的渲染能力各不相同，要做一个每个人都能看到的网页、感受到的体验都一致的网站几乎不可能。但还是得网站的可访问性，保证用户在任何环境下都能正常访问网页得核心内容或能使用基本功能(避免网页打不开、排版错误等)，并为他们提供当前条件下最好的体验，这就是渐进增强得核心思想。

优雅降级也是一种设计思想，为了保证在高版本浏览器中提供最好的体验，碰到低版本浏览器再降级进行兼容处理，使其能正常浏览。

这两种思想的区别在于：

1.渐进增强是向上兼容，优雅降级是向下兼容

2.渐进增强是从简单到复杂，优雅降级是从复杂到简单

3.渐进增强关注的是内容(保证核心内容)，优雅降级关注的是浏览体验(为了兼容低版本浏览器)

2.DOCTYPE

作用

DTD(DocumentTypeDefinition，文档类型定义)是一系列的语法规则，用来定义XML或(X)HTML

的文档类型。浏览器会使用它来判断文档类型，决定何种协议来解析，以及切换浏览模式。

DOCTYPE是用来声明文档类型和DTD

规范的，一个主要的用途便是文件的合法性验证。如果文档代码不合法，那么浏览器解析时便会出现一些差错。

HTML5的文档类型声明：

HTML4.01Strict(HTML4.01严格模式)的DTD包含所有HTML

元素和属性，但不包括展示性的和弃用的元素(如font)，它的文档类型声明：

-//W3C//DTDXHTML1.0Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

标准模式与怪异模式

怪异模式(Quirks

Mode)用于模拟旧浏览器的行为。早期的网站并不会遵循完整的规范，随着浏览器支持越来越多的规范，在那些旧的浏览器中开发的页面在显示时会被破坏。为了向后兼容，浏览器发明了怪异模式，一行错误或无效的

DOCTYPE都会触发怪异模式。

浏览器使用文件开头的DOCTYPE来决定用怪异模式处理或标准模式处理。DOCTYPE

可以确保不同浏览器以相同的方式解析文档，以及执行相同的渲染模式。

怪异模式与标准模式的主要区别：

1.怪异模式的宽度和高度会包含padding和border。标准模式不包含，标准模式下可以通过设置box-sizing:

border-box将标准盒模型转化成怪异模式下的盒模型。

2.怪异模式下，当内容超出容器高度时，会将容器拉伸，而不是溢出。

3.怪异模式下，在表格中的字体样式(如font-size)不会继承。

4.怪异模式下颜色值必须使用十六进制标记法。

3.语义化

HTML5

中的语义化就是让元素、属性或属性值有含义，更准确地标记特定类型的内容。对元素语义化的目的是为了让元素的语义和呈现分离，元素只负责文档内容的结构与含义，而CSS

样式控制内容的呈现，像元素，没有语义但却能将字体变粗，这类元素违背了语义化的目的，将会被废弃。

优点

·使得HTML文档结构清晰、布局合理、主体突出、可读性更强。

·有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。

·方便其他设备解析，如盲人阅读器根据语义渲染网页。

·有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐。

语义化标签

·定义文档的页眉区域,应作为介绍内容或者导航链接栏的容器

·footer内容的页脚，通常包含该章节作者、版权数据或者与文档相关的链接等信息

·article

文档、页面、应用或网站中的独立结构，是可独立分配的、可复用的结构，如在发布中，它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件，或者其他独立的内容项目

·nav描述一个含有多个超链接的区域，该区域包含跳转到其他页面或页面内部其他部分的链接列表

·section表示文档中的一个区域(或节)，比如，内容中的一个专题组

·main定义文档的主要内容，该内容在文档中应当是独一无二的，不包含任何在文档中重复的内容，比如侧边栏，导航栏链接，版权信息，网站

logo，搜索框(搜索框作为文档的主要内容)

·aside

表示一个和其余页面内容几乎无关的部分，被认为是独立于该内容的一部分且可以被单独的拆分出来而不会影响整体。通常表现为侧边栏或嵌入内容。

4.超链接伪类

:link、:visited、:active和:hover的声明顺序是怎样的?

:link表示未访问的链接状态

:visited表示已访问状态:active表示激活状态(鼠标按下):hover表示悬停状态。

推荐顺序是LVHA，即:link:visited:hover:active。理由如下：

·当鼠标悬停在未访问的链接上时，:link和:hover都会命中，如果:hover在:link

之前声明，那么(:hover)就会被覆盖

·当鼠标悬停在已访问的连接上时，:visited和:hover都会命中，如果:hover在:visited

之前声明，那么(:hover)就会被覆盖

·当鼠标单击链接时，:active和:hover都会命中，我们大多是想让:hover只在悬停时展示样式，按下鼠标时使用:active

样式，因此:active在:hover之后声明

·综上，:hover应在:link和:visited之后，在:active之前，因此active在最后。而:link和

:visited两者的顺序无所谓，互不影响。

5.CSS常见的长度单位

CSS中除了px长度单位之外，还有下面几个长度单位：

·pc六分之一英寸，1pc=12pt=1/6*1in=16px

·pt一磅，72分之一英寸。1pt=1/12_1pc=1/72_1in≈1.33px

·in一英寸，1in=2.54cm=96px

·ex在含有“X”字母的字体中，它是该字体的小写字母的高度。对于很多字体来说，1ex≈0.5em

·em1em等于父级元素的字体大小，2em就是父级元素字体大小的二倍

·rem当用在根元素()的font-size上面时，它代表了它的初始值

·ch代表元素所用字体font中“0”这一字形的宽度

·vh1vh相当于视口高度的1%，100vh就是视口的高度

·vw1vw相当于视口宽度的1%，100vw就是视口的宽度

·vmax视口高度vw和宽度vh两者中的最小值

·vmin视口高度vw和宽度vh两种中的最大值

·%相对于父级元素的大小来确定

参考：CSS[1]

CSSpercentage[2]

6.事件对象

冒泡与捕获

事件冒泡与捕获是事件处理的两种机制，主要描述当在一个元素上有两个相同类型的事件处理器被激活会发生什么。

在点击子元素时，浏览器运行了两种不同的阶段：捕获阶段和冒泡阶段。捕获阶段的行为：

·浏览器检查元素的最外层祖先，是否在捕获阶段中注册了一个onclick事件处理程序，如果是，则运行它

·

然后，它移动到中单击元素的下一个祖先元素，并执行相同的 *** 作，然后是单击元素再下一个祖先元素，依此类推，直到到达实际点击的元素

而冒泡与捕获恰恰相反：

·浏览器检查实际点击的元素是否在冒泡阶段中注册了一个onclick事件处理程序，如果是，则运行它

·然后它移动到下一个直接的祖先元素，并做同样的事情，然后是下一个，等等，直到它到达元素

而现代浏览器在默认情况下，所有事件处理程序都在冒泡阶段进行注册。因此上面代码在点击子元素时会先执行子元素绑定的事件，然后向上冒泡，触发父元素绑定的事件。

addEventListener函数的第三个参数是个布尔值。含义：

·当布尔值是false时(这也是默认值)，表示向上冒泡触发事件

·当布尔值是true时，表示向下捕获触发事件

不能冒泡的事件

有些事件是不会冒泡的。比如：

·blur元素失去焦点时触发，focusout事件也是失去焦点时触发，但可以冒泡

·focus元素获取焦点时触发

·mouseenter鼠标移动到元素上时会触发该事件，与之对应的是mouseover事件，但会冒泡

·mouseleave鼠标离开元素时触发，与之对应的是mouseout，但会冒泡

事件冒泡可以让我们利用事件委托，尤其是处理大量子元素时，如果给每个子元素都绑定事件，这是不优雅的，可以将事件绑定到父元素上，并让子节点上发生的事件冒泡到父节点上，利用

e.target属性可以获取到当前触发事件的子元素。

事件对象中的方法

·stopPropagation()阻止事件冒泡，当设置后，点击该元素时父元素绑定的事件就不会再触发

·preventDefault()阻止默认事件的发生

·stopImmediatePropagation()它用来阻止监听同一事件的其他事件监听器被调用以及阻止事件冒泡，比如给同一个div

元素绑定多个click事件(使用addEventListener方法可以注册多个)，当在第二个事件函数中调用

stopImmediatePropagation方法时，点击div元素时，后面注册的click将不会被触发，而且还会阻止事件冒泡

比如下面的例子，给p绑定多个click事件，在第二个事件函数中调用stopImmediatePropagation，第三个click

事件就不会触发，因为也阻止了冒泡，因此父元素的click事件也不会触发。

paragraph

document.querySelector("div").addEventListener("click",(event)=>{


alert("我是div元素,我是p元素的上层元素")


//p元素的click事件没有向上冒泡，该函数不会被执行


},false)


constp=document.querySelector('p')


p.addEventListener("click",(event)=>{


alert("我是p元素上被绑定的第一个监听函数")


},false)


p.addEventListener("click",(event)=>{


alert("我是p元素上被绑定的第二个监听函数")


event.stopImmediatePropagation()


//执行stopImmediatePropagation方法，阻止click事件冒泡，并且阻止p元素上绑定的其他click
事件的事件监听函数的执行.


},false)


p.addEventListener("click",(event)=>{


alert("我是p元素上被绑定的第三个监听函数")


//该监听函数排在上个函数后面，该函数不会被执行


},false)

“

在IE浏览器中，使用e.cancelBubble=true也可以取消事件冒泡使用e.returnValue=false

也能阻止默认事件的发生。

target与currentTarget

target属性指向的是事件目标，而currentTarget属性指向的是正在处理当前事件的对象，它总是指向事件绑定的元素。而target

指向的可能不是定义时的事件目标。

例如：

div.addEventListener('click',(e)=>{

console.log(e.target,e.currentTarget)

},false)

e.target可能指向div元素，也可能指向它的子元素。而e.currentTarget总是指向div元素。

以上就是小编今天为大家分享的关于参加Web前端面试的常见面试题汇总的文章，希望本篇文章能够对正准备参加前端面试的小伙伴们有所帮助，想要了解更多Web前端知识记得关注北大青鸟Web前端培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的Web前端工程师。

参考资料

[1]

CSSlength:#/zh-CN/docs/Web/CSS/length

[2]

CSSpercentage:

#/zh-CN/docs/Web/CSS/percentage

---