下半年Web前端开发初级理论考试附答案.docx
《下半年Web前端开发初级理论考试附答案.docx》由会员分享,可在线阅读,更多相关《下半年Web前端开发初级理论考试附答案.docx(13页珍藏版)》请在冰豆网上搜索。
下半年Web前端开发初级理论考试附答案
2019年下半年Web前端开发初级理论考试附答案
(考试时间9:
00-11:
00共120分钟)
1.本试卷共3道大题,满分100分。
2.请在指定位置作答。
一、单选题(每小题2分,共30小题,共60分)基本信息:
[矩阵文本题]*
1.块级元素说法正确的是()[单选题]*
A、块级元素和其他元素在一行显示
B、块级元素对宽和高,边距生效(正确答案)
C、块级元素对宽和高生效,边距不生效
D、块级元素对宽,高,边距都不生效
2.以下说法正确的是()[单选题]*
A.table的表单标签
B.td的代表行
C.tr代表列
D.table是表格标签(正确答案)
3.不是HTML5的新增的特性是()[单选题]*
A.新增了很多语义化标签
B.新增了音频和视频
C.新增了本地存储
D.新增伪类(正确答案)
4.CSS3中可以用()关键词,自定义字体代表小图标[单选题]
*
A.transition
B.transform
C.font-face(正确答案)
D.font-family
5.在开发过程中,图片下面有1像素的小间隙,如何去除():
[单选题]*
A.给图片设置font-size:
0
B.给图片设置display:
block(正确答案)
C.给图片设置border:
0
D.给图片设置border:
none;
6.让一个动画名为fade的动画持续执行并且在第一次开始时延迟0.5s开始,每次动画执行1s,以下代码正确的是()[单选题]*
A.animation:
fade1s0.5sinfinite(正确答案)
B.animation:
fade0.5s1sinfinite
C.animation:
fade1s0.5slinear
D.以上都不正确
7.下列属于内联元素的是():
[单选题]*
A、div
B、a(正确答案)
C、p
D、table
8.css3中用()来定义过渡动画的时间[单选题]*
A.transition-property
B.transition-timing-function
C.transition-duration(正确答案)
D.transition-delay
9.css3中的伪类divp:
nth-of-type(3){color:
red}的说法正确的是():
[单选题]*
A.给div元素的第三个子元素设置文字颜色为红色
B.给div元素的后代元素的第三个p元素设置文字颜色为红色(正确答案)
C.给div的后代元素p设置文字颜色为红色
D.以上说法都不正确
10.css样式初始化的原因描述错误的是():
[单选题]*
A.清除默认样式
B.由于浏览器的内核不同,对标签的默认样式解析不同,导致显示效果不同,所以需要初始化样式
C.和浏览器没有关系,只是规范而已(正确答案)
D.保证各个浏览器页面效果的一致性
11.设置文字的大小为14px,加粗,行高为28px,字体是微软雅黑,字体是倾斜的,以下书写正确的是():
[单选题]*
A.font:
14px"微软雅黑"28px600italic
B.font:
"微软雅黑"14px/28px600italic
C.font:
14px/28px600"微软雅黑"italic
D.font:
600italic14px/28px"微软雅黑"(正确答案)
12.设置背景颜色为green,背景图片垂直居中显示,背景图片充满整个区域,但是背景图片不能变形,图片只出现一次,以下书写正确的是():
[单选题]*
A.background:
url("../img/img1.jpg")no-repeat
center/covergreen;(正确答案)
B.background:
url("../img/img1.jpg")repeatcenter/covergreen;
C.url("../img/img1.jpg")no-repeatcenter/100%green;
D.url("../img/img1.jpg")no-repeatcenter/100%100%green;
13.设置一个div元素的外边距为上:
20px,下:
30px,左:
40px,右:
50px,下列书写正确的是():
[单选题]*
A.padding:
20px30px40px50px;
B.padding:
20px50px30px40px;
C.margin:
20px30px40px50px
D.margin:
20px50px30px40px(正确答案)
14.在javascript中,执行结果正确的是():
[单选题]*
A.typeof(null)的结果为null
B.typeof(typeof(5))的结果为"string"(正确答案)
C.typeof(5)的结果为Number
D.typeof(typeof(undefined))的结果为undefined
15.在javascript中,数据类型转换正确的是():
[单选题]*
A.Number("123abc")的值为NaN(正确答案)
B.parseInt("123abc")的值为NaN
C.parseInt("10",8)的值为10
D.parseFloat("abc123.3")的值为123.3
16.在javascript中,下列转Boolean后值为false的是():
[单选题]*
A、Boolean("")
B、Boolean(0)(正确答案)
C、Boolean([])
D、Boolean({})
17.在javascript中,执行下列代码后输出的结果是():
if(function(){}){
console.log
(1);
}else{
console.log
(2);
}
[单选题]*
A、2
B、1(正确答案)
C、什么也不输出
D、报错
18.在javascript中,执行下列代码输出的结果是():
console.log(+"5"*2+"6"-"4"+true);[单选题]*
A、13
B、103(正确答案)
C、104
D、12true
19.在javascript中,执行下列代码输出的结果是():
for(vari=0;i<4;i++){
console.log(i)
}
console.log(i)
[单选题]*
A、01234(正确答案)
B、012345
C、0123
D、4444
20.在javascript中,获取今天是星期几的方法是()
varname="zhaonan";
varobj1={name:
"miao",age:
20,say:
function(){console.log(82fb4daa58da0116c175e0e1e54.html);
}
}
varobj2={name:
"xue",
age:
30,
say:
function(){
console.log(82fb4daa58da0116c175e0e1e54.html);
}
}
varf=obj2.say;
console.log(f());
vare=f.bind(obj1);
console.log(e());
vark=e.bind(obj2);
console.log(k());
[单选题]*
A、zhaonanzhaonanmiao
B、zhaonanmiaomiao(正确答案)
C、zhaonanmiaoxue
D、miaozhaonanxue
23.对于addEventListener绑定事件的说法错误的是()[单选
A.可以给一元素绑定多个事件
B.addEventListener中的this指绑定的元素
C.div.addEventListener("click",function(),false)中的
false代表捕获事件(正确答案)
D.div.addEventListener("click",function(),false)中的
false代表冒泡事件
24.对于事件流说法错误的是():
[单选题]*
A.事件流分为三个阶段
B.事件流分捕获阶段、目标节点、冒泡阶段
C.捕获和冒泡同时存在先执行冒泡阶段(正确答案)
D.目标阶段存在捕获和冒泡,按顺序执行
25.对闭包的理解说法错误的是():
[单选题]*
A.闭包不能避免全局污染(正确答案)
B.闭包可以将内部函数保存到外部的时候
C.可以从外部访问内部变量
D.闭包把外部变量保存到内存中不被释放,导致内存泄漏
26.Jquery中,找到所有子元素的方法是():
[单选题]*
A、find()
B、siblings()
C、children()(正确答案)
D、parent()
27.关于jQuery中删除已有元素的方法说法正确的是()[单选
题]*
A.remove()从被选元素中删除子元素
B.remove()删除被选元素(不会删除其子元素)
C.empty()从被选元素中删除子元素(正确答案)
D.empty()删除被选元素及其子元素
28.在jquery中,下列哪一个是用来将$(“
”)追加到指定元素末尾的()[单选题]*
A、insertAfter()
B、append()
C、appendTo()(正确答案)
D、after()
29.在jquery中,下列哪一个是用来查找表单中所有隐藏元素的()[单选题]*
A、visible
B、hidden(正确答案)
C、visible()
D、hidden()
30.在jquery中,常用的stop(),关于stop()的说法错误的是()[单选题]*
A.stop()停止当前动画,后续动画继续执行
B.stop(true)是停止当前动画,后续动画不执行
C.stop(true,true)是停当前执行的动画,直接跳到当前动画的
最终状态,后续动画不执行
D.stop(true,true)是停当前执行的动画,直接跳到当前动画的最终状态,后续动画继续执行(正确答案)
二、多选题(每小题2分,共15小题,共30分)
1.关于doctypehtml说法正确的是():
*
A、区分大小写,只有才是正确的
B、这句话的作用是告诉浏览器以什么标准去解析网页(正确答
案)
C、这句话可以省略,省略后页面呈怪异模式(正确答案)
D、以上说法都正确
2.以下关于标签的嵌套书写错误的是():
*
A、
(正确答案)
B、(正确答案)
C、
(正确答案)
D、以上都是正确的
3.以下属于HTML5新标签的是():
*
A、title
B、ouput(正确答案)
C、nav(正确答案)
D、aside(正确答案)
4.关于选择器优先级正确的是():
*
A.id选择器>类选择器>标签选择器
B.id选择器>!
important>类选择器>标签选择器>通配符(正确答案)
C.!
important>id选择器>类选择器>标签选择器(正确答案)
D.id选择器>类选择器>标签选择器>!
important
5.在form标签中,属性method的值有哪些()*
A、request(正确答案)
B、get
C、post(正确答案)
D、以上都正确
6.关于@media书写正确的是():
*
A.@mediascreenand(max-width:
300px)(正确答案)
B.@mediaonlyscreenand(max-width:
500px)(正确答案)
C.@mediascreen(max-width:
500px)
D.@media(max-width:
500px)
7.下列对于float属性的特点说法错误的是():
*
A.float能向左和向右移动,也可以上下移动(正确答案)
B.float会占据原有空间(正确答案)
C.清除浮动的作用不大,可以省略(正确答案)
D.给父级元素设置height可以清除浮动
8.引入样式的方法有哪几种()*
A、内联样式(正确答案)
B、内部样式(正确答案)
C、外部样式(正确答案)
D、以上都正确(正确答案)
9.javascript中,下列表达式结果为true的是()
A、[]==[]
B、!
[]==false(正确答案)
C、[]==false(正确答案)
D、[0]==false(正确答案)
10.javascript中,关于parseInt()说法正确的是()
A.将其他类型的数据转成数值(正确答案)
B.可以将其他进制的数据转成十进制(正确答案)
C.parseInt()与Number()方法功能相同
D.以上说法都正确
11.javascript中,下列结果为NaN的是():
*
A.Number("adfa")(正确答案)
B.parseInt("undefined")(正确答案)
C.parseInt("null")(正确答案)
D.parseInt("")(正确答案)
12.javascript中,循环语句有哪些()?
*
A、if
B、while(正确答案)
C、dowhile(正确答案)
D、for(正确答案)
13.列属于jquery选择器的是():
*
A.基本选择器(正确答案)
B.层级选择器(正确答案)
C.属性选择器(正确答案)
D.位置选择器(正确答案)
14.下面哪几种是Jquery中表单的对象属性():
*
A、:
checked(正确答案)
B、:
enabled(正确答案)
C、:
hidden
D、:
selected(正确答案)
15.jQuery中遍历节点的方法,正确的是()*
A.next()取得匹配元素后面紧邻的同辈元素(正确答案)
B.prev()取得匹配元素前面紧邻的同辈元素(正确答案)
C.siblings()取得匹配元素前的所有同辈元素
D.parent()取得元素的父级元素(正确答案)
三、判断题(每小题2分,共5小题,共10分。
在每小题后对
应括号内填入判断结果,正确的选项填写“√”,错误的选项填写“×”)
1、在javascript中,document.getElementById返回一组元素()。
[判断题]*
对
错(正确答案)
2、在javascript中,this都指向调用者()。
[判断题]*
对
错(正确答案)
3、html是一种超文本标记语言。
()。
[判断题]*对(正确答案)
错
4、CSS中设置字符间距的是word-spacing。
()。
[判断题]*对
错(正确答案)
5、jquery中获取元素宽度包含padding的方法是innerWidth()()。
[判断题]*对(正确答案)
错