1+x web前端开发初级理论答案+解析（一）
目录
一、单选题（每小题2分，共30小题，共60分）
二、多选题（每小题2分，共15小题，共30分）
三、判断题（每小题2分，共5小题，共10分。在每小题后对应括号内填入判断结果，正确的选项填写“√”，错误的选项填写“×”）
一、单选题（每小题2分，共30小题，共60分）
1、在HTML中，( C )用来表示特殊字符引号
A、® B、 © C、" D、&nbs
2、下面关于文件路径的说法错误的是（ B ）。
A、“../”是返回当前目录的上一级目录
B、“../”是返回当前目录的下一级目录
C、访问下一级目录直接输入相应的目录名即可
D、文件路径指文件存储的位置
(1)"./":代表目前所在的目录 (2)“/”:代表根目录 (3) "../"代表上一层目录
3、下列选项中定义标题最合理的是( C )
A、<span class="header">文章标题</span>
B、<p><b>文章标题</b></p>
C、<h2>标题</h2>
D、<div>文章标题</div>
文章标题一般使用:<title></title>
4、关于引入样式的优先级说法正确的是（ B ）
A、内联样式>!important>内部样式>外部样式>!important
B、!important>内联样式>内部样式>外部样式
C、以上都不正确
样式的优先级按照“就近原则”:
• 行内样式（内联）> 内部样式> 外部样式>浏览器默认样式
5、在HTML中，下面（ A ）不属于HTML文档的基本组成部分。
A、<STYLE></STYTLE> B、<BODY></BODY>
C、<HTML></HTML> D、<HEAD></HEAD>
6、在HTML中，下列有关邮箱的链接书写正确的是（ D ）
A、<A href="telnet:zhangming@aptech.com">发送邮件</A>
B、<A href="mail:zhangming@aptech.com">发送邮件</A>
C、<A href="ftp:zhangming@aptech.com">发送邮件</A>
D、<A href="mailto:zhangming@aptech.com">发送邮件</A>
7、在HTML5中，哪个属性用于规定输入字段是必填的？ (B)
A、readonly B、required C、validate D、placeholder
<input required="required"> required 属性规定必需在提交之前填写输入字段。
8、HTML5的正确doctype是( A )
A、<!DOCTYPE html>
B、<!DOCTYPE HTML5>
C、<!DOCTYPE HTML PUBLIC "-
D、//W3C//DTD HTML 5.0//EN" "http://www.w3.org/TR/html5/strict.dtd">
9、以下说法不正确的是（ C ）
A、HTML5 标准还在制定中 B、HTML5兼容以前HTML4下浏览器
C、<canvas>标签替代Flash D、简化的语法
这题网上答案是A
10、设定一个元素按规定的动画执行，你需要运用什么规则？A
A、animation B、keyframes C、flash D、transition
11、每段文字都需要首行缩进两个字的距离，该设置什么属性（ C ）
A、text-transform B、text-align C、text-indent D、text-decoration
12、关于box-shadow说法正确的是（ B ）
A、设置文字投影 B、第一个值是设置水平距离的
C、第二个值是设置水平距离的 D、第三个值是设置投影颜色的
13、设置盒子圆角的属性是（ C ）
A、box-sizing B、box-shadow C、border-radius D、border
14、将div类名以'c'开头元素添加文字为红色，书写正确的是（ A ）
A、div[class=^c]{color:red} B、div[class=$c]{color:red}
C、div[class=c]{color:red} D、div[class=*c]{color:red}
^开头 $结尾 *包含
15、在HTML中，通过(A )可以实现鼠标悬停在div上时，元素执行旋转45度效果
A、div:hover{transform:rotale(45deg)}
B、div:hover{transform:tanslate(50px)}
C、div:hover{transform:scale(1.5)}
D、div:hover{transform:skew(45deg)};
16、关于flex说法正确的是（ A ）
A、flex 属性用于指定弹性子元素如何分配空间 B、flex:1应该写在弹性元素上
C、设置flex:1无意义 D、flex是指设置固定定位
17、让一个动画一直执行的属性是（ B ）
A、animation-direction B、animation-iteration-count
C、animation-play-state D、animation-delay
18、以下不属于background-clip的值的是（ D ）
A、border-box B、padding-box C、content-box D、none
19、以下哪条语句会产生运行错误（ A ）
A、var obj = (); B、var obj = {}; C、var obj = []; D、var obj = //;
var obj={}; 等同于 var obj=new Object(); 创建一个空对象
var obj=[] 创建一个空数组
var obj=// 创建正则对象
20、请选择结果为真的表达式（C ）
A、null instance of Object B、null === undefined
C、null == undefined D、NaN == NaN
全等（===）和不全等（==）
记住：null==undefined会返回true，因为它们是类似的值；但null===undefined会返回false,因为它们是不同类型的值。
虽然==会进行自动类型转换，但比较 null 和 undefined 时，不会将它转换为其他任何值。
如果两个操作数都是NaN，相等操作符(==)也返回false；因为按照规则，NaN不等于NaN
21、下面代码输出什么( C )
var a=0,b=0;
for(;a<10,b<7;a++,b++){
g=a+b;
}
console.log(g);
A、16 B、10 C、12 D、6
a，b同时进行自增，当b<7即b=6时循环结束，此时a=b=6
g=a+b=6+6=12结束
22、下列表达式成立的是( D )
A、parseInt(12.5)==parseFloat(12.5)
B、Number("123abc")==parseFloat("123abc")
C、isNaN("abc")==NaN
D、typeof NaN=="number"
NaN是数字类型的，typeOf NaN是字符串‘number’
23、在JavaScript中，执行下面的代码后，num的值是( C )
var str = "wang.wu@gmail.com";
var num = str.indexOf(".");
A、-1 B、0 C、4 D、13
str.indexOf（“.”）输出第一个"."符号所对应的索引值
注意：索引值从0开始计算所以“.”对应的下标索引值为4
24、阅读下面的JavaScript代码，输出结果是（ B ）
function f(y) {
var x=y*y;
return x;
}
for(x=0;x< 5;x++) {
y=f(x);
document.writeln(y);
}
A、0 1 2 3 4 B、 0 1 4 9 16 C、0 1 4 9 16 25 D、以上答案都不对
x进行自增且<5所以x可以是（0，1，2，3，4）
y=x*x 则代入每一个x值进行平方 （0，1，4，9，16）
25、在Java script中，运行下面代码的结果是（A）
function foo(x){
var num=5;
bar=function(y){
return (x+y+(++num));
}
}
console.log(foo(2));
console.log(bar(10));
console.log(bar(10));
A、undefined,18,19 B、17,18,19 C、5,18,19 D、undefined,18,18
26、下面代码输出正确的是( D )
parseInt(3, 8)
parseInt(3, 2)
parseInt(3, 0)
A、3, 3, 3 B、3, 3, NaN C、3, NaN, NaN D、other
|
进制转换（接收两个参数）：parseInt方法还可以接受第二个参数（2到36之间），表示被解析的值的进制，返回该值对应的十进制数。默认情况下，parseInt的第二个参数为10，即默认是十进制转十进制。 · console.log(parseInt(3,8)); //3 · console.log(parseInt(3,2)); //NaN · console.log(parseInt(3,0)); //3 默认十进制 |
27、在以下选项中，关于JavaScript的Date对象描述正确的是 C
A、getDay( )方法能返回Date对象的一个月中的一天，其值为1~31
B、getDate( )方法能返回Date对象的一周中的一天，其值为0~6
C、getTime( )方法能返回某一时刻(1970年1月1日)依赖的毫秒数
D、getYear( )方法只能返回4位年份，长用于获取Date对象的年份
getYear和getFullYear是Javascript的Date对象的办法函数。
|
28、以下关于jQuery 节点的说法中错误是（C）
A、jQuery中用$(".box").insertBefroe(ele1,ele2)给指定ele2前添加ele1元素
B、jQuery中用$(".box").append(ele)给box类后添加ele元素
C、jQuery中用$(".box").appendTo(ele)给box类后添加ele元素
D、jQuery中用$(".box").insertAfter(ele1,ele2)给ele2后添加ele1元素
|
1. append(content)方法 方法作用：向每个匹配的元素内部追加内容。 参数介绍：content (<Content>): 要追加到目标中的内容。 用法示例： HTML代码为<p>I come from </p><p>I love </p> 向所有p标签中追加一个单词china，则写法为 $("p").append("china"); 结果为：<p>I come from china</p><p>I love china </p> 2. appendTo(expr)方法 方法作用：把所有匹配的元素追加到指定的元素元素集合中。 参数介绍：expr (String): 用于匹配元素的jQuery表达式。 用法示例： HTML代码为<b>I love china </b><p></p> 把标签b追加到p元素中，写法为$("b").appendTo("p"); 结果为：<p><b>I love china </b></p> 使用appendTo这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。 |
29、在jQuery中，下列关于事件的说法错误的是（ A ）
A、jQuery中用onclick绑定点击事件
B、jQuery中用on来给未来元素绑定事件
C、jQuery中用hover来绑定鼠标经过事件
D、jQuery中存在冒泡事件，故需要阻止冒泡
|
jquery绑定事件的3种方法： $(document).ready(function(){ $("#text").bind("click",function(){ alert("我的id为text，你点击时触发"); }); $("#text1").on("click",function(){ alert("hellworl"); }); $("#text2").click(function(){ alert($("#text2").val()); }); }); |
30、在jQuery中，能够操作HTML代码及其文本的方法是（ C ）
A、attr() B、text() C、html() D、val()
二、多选题（每小题2分，共15小题，共30分）
1、在JavaScript语法中，下列说法正确的是 （AB）
A、parseInt(43.12)返回值为43
B、parseInt('abc43.12')返回值为NaN
C、parseFloat('43.13abc')==parseInt(43.12) 返回true
D、isNaN(parseFloat('45.13abc'))返回true
console.log(parseInt('12abc23')); // 12
console.log(parseInt('abc23.6')); // NaN
2、下面哪些是JavaScript中document的方法？(ACDE)
A、getElementById B、getElementsById
C、getElementsByTagName D、getElementsByName
E、getElementsByClassName
3、关于JavaScript事件说法不正确的是（ BCD ）
A、事件由事件函数、事件源、事件对象组成
B、当前事件作用在哪个标签上,哪个标签就是事件源
C、onclick 就是一个事件对象
D、图片切换使用JavaScript的change事件
|
Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 o 什么时候会产生Event 对象呢? o 例如: 当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象. o 事件通常与函数结合使用，函数不会在事件发生前被执行！ 一个完整的事件系统，通常存在以下三个角色： • 事件对象，用于储存事件的状态。 • 事件源对象，当前事件在操作的对象，如元素节点，文档对象，window对象，XMLHttpRequest对象等。 • 事件监听器，当一个事件源生成一个事件对象时，它会调用相应的回调函数进行操作。在IE中，事件对象恒为全局属性window.event的分身。 |
4、下列关于获取页面元素说法正确的是( AC )
A、document.getElementById(‘a’)是通过id值为a获取页面中的一个元素
B、document.getElementsByName(“na”)是通过name属性值为na获取页面中的一个元素
C、document.getElementsByTagName(“div”)是通过标签名获取去所有div;
D、以上说法都不正确;
5、下列选项中属于jQuery属性选择器的是（ AC ）
A、$("img[src$='.gif ']") B、$("img") C、$("[class][title]") D、$("div>span")
[]->属性
6、网页的<body>元素中包含以下HTML代码：
<div id="box">
<h2 id='top1' name='header1'>标题1</h2>
<h2 id='top2' name='header2'>标题2</h2>
</div>
下列能弹出"标题1"的jQuery代码是（ AB ）。
A、alert($('#top1').text()); B、alert($('[name=header1]').text());
C、alert($('[name='header1']').text()); D、alert($('#header1').text());
7、以下（ AD ）是块级元素
A、div B、img C、input D、p
|
根据标签元素的特点可以将元素分为三类：块级元素，行内元素，行内块元素 块级元素特点：
常见的块级元素有哪些？div p h1~h6 ul ol li dl dt dd 行内元素的特点：
常见的行内元素有哪些？ a span em I del br label 行内块元素的特点：
常见的行内块元素有哪些？ Input img td 所以：input/img标签属于行内块元素；可以设定宽度和高度，又可以并列显示在一行。 |
8、以下标签书写正确的是( B CD )
A、<p/> B、<br/> C、<hr/> D、<img/>
9、嵌入在HTML文档中的图像格式可以是( ACD )
A、*.gif B、*.tif C、*.bmp D、*.jpg
|
1、文件后辍名为"．jpg"或"．jpeg"，是最常用的图像文件格式，由一个软件开发联合会组织制定，是一种有损压缩格式，能够将图像压缩在很小的储存空间，图像中重复或不重要的资料会被丢失，因此容易造成图像数据的损伤。 2、图形交换格式（外语简称：GIF、外语全称：Graphics Interchange Format），是CompuServe公司在 1987年开发的图像文件格式。 GIF文件的数据，是一种基于LZW算法的连续色调的无损压缩格式。其压缩率一般在50%左右，它不属于任何应用程序。几乎所有相关软件都支持它，公共领域有大量的软件在使用GIF图像文件。 3、便携式网络图形（外语简称PNG、外语全称：Portable Network Graphics），是网上接受的最新图像文件格式。PNG能够提供长度比GIF小30%的无损压缩图像文件。它同时提供 24位和48位真彩色图像支持以及其他诸多技术性支持。 由于PNG非常新，所以并不是所有的程序都可以用它来存储图像文件，但Photoshop可以处理PNG图像文件，也可以用PNG图像文件格式存储。 4、BMP 是（Windows 位图） Windows 位图可以用任何颜色深度（从黑白到 24 位颜色）存储单个光栅图像。Windows 位图文件格式与其他 Microsoft Windows 程序兼容。它不支持文件压缩，也不适用于 Web 页。 Windows 位图文件格式的缺点超过了它的优点。为了保证照片图像的质量，请使用 PNG 、JPEG、TIFF 文件。BMP 文件适用于 Windows 中的墙纸。 |
10、请选出正确的选项( ABCD )
A、属性要在开始标签中指定，用来表示该标签的性质和特性
B、通常都是以“属性名=“值””的形式来表示
C、一个标签可以指定多个属性
D、指定多个属性时不用区分顺序。
11、下面哪些是HTML5 新增的表单元素？ (AC)
A、datalist B、optgroup C、output D、legend
12、关于media说法正确的是（ ABCD ）
A、@media 查询，你可以针对不同的媒体类型定义不同的样式
B、@media 可以设计响应式页面
C、当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面
D、可以用media属性在link中使用
针对不同的媒体设备外部链入不同的 stylesheets（外部样式表）
<link rel="stylesheet" media="mediatype and|not|only (media feature)" href="mystylesheet.css">
13、文字溢出显示省略号应该拥有那些属性（ ABC ）
A、overflow: hidden; B、white-space: nowrap;
C、text-overflow: ellipsis; D、width:500px
white-space:nowrap; /*强制内容在一行显示*/
overflow:hidden; /*超出部分溢出*/
text-overflow:ellipsis; /*溢出的部分使用省略号*/
14、关于语义化说法不正确的是（ BC ）
A、语义化的HTML有利于机器的阅读
B、Table 属于过时的标签，遇到数据列表时，需尽量使用 div 来模拟表格
C、语义化是HTML5带来的新概念，此前版本的HTML无法做到语义化
D、Header、article、address都属于语义化明确的标签
15、background-origin的值有哪些（ BCD ）
A、none B、border-box C、content-box D、padding-box
Origin有“起源”的意思，而background-origin就有“背景图片起点”的意思。它是告诉浏览器background-position是相对于哪里定位的。
三、判断题（每小题2分，共5小题，共10分。在每小题后对应括号内填入判断结果，正确的选项填写“√”，错误的选项填写“×”）
1、H5就是HTML5的简称。 （ × ）
提到H5,很多人认为H5是HTML5的简称,但事实上这是错误的,两者关系并不等同。通常我们所说的H5就是H5广告,大多是在微信上宣传营销使用的,而HTML5第五代HTML的标准,一种规范。
2、CSS Sprites整理起来更为方便，同一个按钮不同状态的图片也不需要一个个切割出来并个别命名。（√ ）
|
CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。 解决了网页设计师在图片命名上的困扰，只需对一张集合的图片上命名就可以了，不需要对每一个小元素进行命名，从而提高了网页的制作效率。 |
3、slideUp()方法通过高度变化（向上减小）来动态地隐藏所有匹配的元素。（√ ）
以滑动方式隐藏所有的 <p> 元素：
$("button").click(function(){
$("p").slideUp();
});
4、在jquery中addClass()可以增加多个样式，各个样式间用：隔开。（×）
5、padding:10px;只设置上边填充为10像素，其它三边为零像素。（×）
1+x web前端开发初级理论答案+解析（一）相关推荐
- 2019年下半年1+X 证书 Web 前端开发初级理论考试题目原题+答案(超详细分析)
2019年下半年1+X 证书 Web 前端开发初级理论考试题
- 下面关于html的描述正确的一项是,1 x 证书 Web 前端开发初级理论考试试卷五（2）...
1+x 证书 web 前端开发初级对应课程分析 http://blog.zh66.club/index.php/archives/194/ 1+X 证书 Web 前端开发中级对应课程分析 http:/ ...
- 1+x 证书 Web 前端开发初级理论考试（试卷6 ）
Web前端开发初级模拟测试卷(六) 获取更多资料请加入 官方QQ群 共55道题 总分:200分 形考总分:0分 一.单选题共30题,60分 1.阅读下面的JavaScript代码,输出结果是() B ...
- Web前端中级认证php,1+x 证书 Web 前端开发中级理论考试 (试卷 6 )
1+x 证书 Web 前端开发中级理论考试 (试卷 6 ) 1+x 证书 web 前端开发中级理论考试(试卷 6 ) 官方 QQ 群 1+x 证书 Web 前端开发初级对应课程分析 http://bl ...
- xslt 标签取集合第一条数据_1+x证书Web前端开发中级理论考试（试卷1）
2019年下半年 Web前端开发中级 理论考试 (考试时间19:00-20:30 共150分钟,测试卷1) 本试卷共3道大题,满分100分. 请在指定位置作答. 一.单选题(每小题2分,共30小题,共 ...
- 1+x证书Web前端开发中级理论考试（试卷1）
2019年下半年 Web前端开发中级 理论考试 (考试时间19:00-20:30 共150分钟,测试卷1) 本试卷共3道大题,满分100分. 请在指定位置作答. 一.单选题(每小题2分,共30小题,共 ...
- webform计算某几列结果_1+x 证书 Web 前端开发初级实操考试（试卷5 ）
本文编写于 439 天前,最后修改于 366 天前,其中某些信息可能已经过时. Web前端开发初级模拟测试卷(五) PDF版点击查看 共55道题 总分:200分 一.单选题共30题,60分 1.在弹性 ...
- 1+X Web前端等级考证 | 2020 12月Web前端开发中级理论 (模拟试题第三套) 附答案
由于经常分享失败,我上传github上了,先放上链接:https://github.com/Lydever/web-1-x.git 请礼貌,不要耍流氓哈哈,创作不易,下载的同时,请start一下,谢谢 ...
- 【1+X Web前端等级考证 】 | Web前端开发中级理论 (附答案)
由于经常分享失败,我上传github上了,先放上链接:https://github.com/Lydever/web-1-x.git 请礼貌,不要耍流氓哈哈,创作不易,下载的同时,请start一下,谢谢 ...
最新文章
- * 有1、2、3、4四个数字，能组成多少个互不相同且无重复数字的三位数？ * 把这些数都输出出来，并且输出总共的个数。
- python3 yield_Python3基础 yield 在函数中的用法示例
- phpStudy配置站点 解决You don't have permission to access / on this server
- 启动程序端口被占用Address already in use: bind解决方案
- 值得学习的100个网站推广方法。新站推广必备
- 安装CentOS步骤
- Vertex Tools顶点编辑v2.0.4最新版 SketchUp插件免费下载！
- 搭建vue脚手架全教程
- 计算机毕业设计asp.net会员积分兑换系统VS开发sqlserver数据库web结构c#编程计算机网页源码项目
- 如何破解自如的反爬机制
- Shell语言-16-Shell脚本调试 -n -v -x -c
- 哈工大深圳计算机就业质量报告,多所高校公布毕业生平均年薪，南京大学和哈工大（深圳）数据亮眼...
- STM32F411核心板固件库开发（三） 按键检测
- Intellij IDEA 配置Git并拉取项目
- 在计算机网络中wm表示什么网,网络基础知识
- 不能打印机与计算机,电脑打印机无法打印
- 游戏开发校招面试全记录（大四篇）
- 汇总！【AI会议倒计时列表】“AI Conference Deadlines”
- 100条必背JAVA知识点，你都掌握了吗？（上）
- 数字电路实验 08 - | 555定时器及其应用