下半年Web前端开发初级理论考试.docx
《下半年Web前端开发初级理论考试.docx》由会员分享,可在线阅读,更多相关《下半年Web前端开发初级理论考试.docx(19页珍藏版)》请在冰点文库上搜索。
下半年Web前端开发初级理论考试
2019年下半年 Web前端开发初级 理论考试
(考试时间9:
00-11:
30共150分钟)
1、在HTML中,()用来表示特殊字符引号
A.®
B.©
C."
D.
答案:
C
难易程度:
答案解析:
题型:
单选题
2、下面关于文件路径的说法错误的是
A.“../”是返回当前目录的上一级目录
B.“../”是返回当前目录的下一级目录
C.访问下一级目录直接输入相应的目录名即可
D.文件路径指文件存储的位置
答案:
B
难易程度:
答案解析:
题型:
单选题
3、下列选项中定义标题最合理的是
A.文章标题
B.
文章标题
C.
标题
D.
文章标题
答案:
C
难易程度:
答案解析:
题型:
单选题
4、关于样式的优先级说法正确的是
A.内联样式>!
important
B.内部样式>外部样式>!
important
C.!
important>内联样式>内部样式>外部样式
D.以上都不正确
答案:
C
难易程度:
答案解析:
题型:
单选题
5、在HTML中,下面()不属于HTML文档的基本组成部分。
A.
B.
C.
D.
答案:
A
难易程度:
答案解析:
题型:
单选题
5、在HTML中,下列有关邮箱的链接书写正确的是
A.〈ahref="telnet:
********************">发送邮件
B.〈ahref="mail:
********************">发送邮件
C.〈ahref="ftp:
********************">发送邮件
D.〈ahref="mailto:
********************">发送邮件
答案:
D
难易程度:
答案解析:
题型:
单选题
6、在HTML5中,哪个属性用于规定输入字段是必填的?
A.readonly
B.required
C.validate
D.placeholder
答案:
B
难易程度:
答案解析:
题型:
单选题
7、HTML5的正确doctype是
A.
DOCTYPEhtml>
B.
DOCTYPEHTML5>
C.
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML5.0//EN""http:
//www.w3.org/TR/html5/strict.dtd">
D.
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
答案:
A
难易程度:
答案解析:
题型:
单选题
8、以下说法不正确的是
A.HTML5标准还在制定中
B.HTML5兼容以前HTML4下浏览器
C.
D.简化的语法
答案:
A
难易程度:
答案解析:
题型:
单选题
9、设定一个元素按规定的动画执行,你需要运用什么规则?
A.animation
B.keyframes
C.flash
D.transition
答案:
B
难易程度:
答案解析:
题型:
单选题
10、每段文字都需要首行缩进两个字的距离,该设置什么属性?
A.text-transform
B.text-align
C.text-indent
D.text-decoration
答案:
C
难易程度:
答案解析:
题型:
单选题
11、关于box-shadow说法正确的是
A.设置文字投影
B.第一个值是设置水平距离的
C.第二个值是设置水平距离的
D.第三个值是设置投影颜色的
答案:
B
难易程度:
答案解析:
题型:
单选题
12、设置盒子圆角的属性是
A.box-sizing
B.box-shadow
C.border-radius
D.border
答案:
C
难易程度:
答案解析:
题型:
单选题
13、将div类名以'c'开头元素添加文字为红色,书写正确的是
A.div[class^=c]{color:
red}
B.div[class$=c]{color:
red}
C.div[class=c]{color:
red}
D.div[class*=c]{color:
red}
答案:
A
难易程度:
答案解析:
题型:
单选题
14、在HTML中,通过()可以实现鼠标悬停在div上时,元素执行旋转45度效果
A.div:
hover{transform:
rotate(45deg)}
B.div:
hover{transform:
translate(50px)}
C.div:
hover{transform:
scale(1.5)}
D.div:
hover{transform:
skew(45deg)};
答案:
A
难易程度:
答案解析:
题型:
单选题
15、关于flex说法正确的是
A.flex属性用于指定弹性子元素如何分配空间
B.flex:
1应该写在弹性元素上
C.设置flex:
1无意义
D.flex是指设置固定定位
答案:
A
难易程度:
答案解析:
题型:
单选题
16、让一个动画一直执行的属性是
A.animation-direction
B.animation-iteration-count
C.animation-play-state
D.animation-delay
答案:
B
难易程度:
答案解析:
题型:
单选题
17、以下不属于background-clip的值的是
A.border-box
B.padding-box
C.content-box
D.none
答案:
D
难易程度:
答案解析:
题型:
单选题
18、以下哪条语句会产生运行错误
A.varobj=();
B.varobj={};
C.varobj=[];
D.varobj=//;
答案:
A
难易程度:
答案解析:
题型:
单选题
19、请选择结果为真的表达式
A.nullinstanceofObject
B.null===undefined
C.null==undefined
D.NaN==NaN
答案:
C
难易程度:
答案解析:
题型:
单选题
21、下面代码输出什么?
A.16
B.10
C.12
D.6
答案:
C
难易程度:
答案解析:
题型:
单选题
20、下列表达式成立的是
A.parseInt(12.5)==parseFloat(12.5)
B.Number("123abc")==parseFloat("123abc")
C.isNaN("abc")==NaN
D.typeofNaN=="number"
答案:
D
难易程度:
答案解析:
题型:
单选题
23、在JavaScript中,执行下面的代码后,num的值是
A.-1
B.0
C.4
D.13
答案:
C
难易程度:
答案解析:
题型:
单选题
24、阅读下面的JavaScript代码,输出结果是
A.01234
B.014916
C.01491625
D.以上答案都不对
答案:
B
难易程度:
答案解析:
题型:
单选题
25、在Javascript中,运行下面代码的结果是
A.undefined,18,19
B.17,18,19
C.5,18,19
D.undefined,18,18
答案:
A
难易程度:
答案解析:
题型:
单选题
26、下面代码输出正确的是
A.3,3,3
B.3,3,NaN
C.3,NaN,NaN
D.other
答案:
D
难易程度:
答案解析:
题型:
单选题
27、在以下选项中,关于JavaScript的Date对象描述正确的是
A.getDay()方法能返回Date对象的一个月中的一天,其值为1~31
B.getDate()方法能返回Date对象的一周中的一天,其值为0~6
C.getTime()方法能返回某一时刻(1970年1月1日)依赖的毫秒数
D.getYear()方法只能返回4位年份,长用于获取Date对象的年份
答案:
C
难易程度:
答案解析:
题型:
单选题
28、以下关于jQuery节点的说法中错误是
A.jQuery中用$(".box").insertBefore(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元素
答案:
C
难易程度:
答案解析:
题型:
单选题
29、在jQuery中,下列关于事件的说法错误的是
A.jQuery中用onclick绑定点击事件
B.jQuery中用on来给未来元素绑定事件
C.jQuery中用hover来绑定鼠标经过事件
D.jQuery中存在冒泡事件,故需要阻止冒泡
答案:
A
难易程度:
答案解析:
题型:
单选题
30、在jQuery中,能够操作HTML代码及其文本的方法是
A.attr()
B.text()
C.html()
D.val()
答案:
C
难易程度:
答案解析:
题型:
单选题
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
答案:
AB
难易程度:
答案解析:
题型:
多选题
2、下面哪些是JavaScript中document的方法?
A.getElementById
B.getElementsById
C.getElementsByTagName
D.getElementsByName
E.getElementsByClassName
答案:
ACDE
难易程度:
答案解析:
题型:
多选题
3、关于JavaScript事件说法不正确的是
A.事件由事件函数、事件源、事件对象组成
B.当前事件作用在哪个标签上,哪个标签就是事件源
C.onclick就是一个事件对象
D.图片切换使用JavaScript的change事件
答案:
BCD
难易程度:
答案解析:
题型:
多选题
4、下列关于获取页面元素说法正确的是
A.document.getElementById(‘a’)是通过id值为a获取页面中的一个元素
B.document.getElementsByName(“na”)是通过name属性值为na获取页面中的一个元素
C.document.getElementsByTagName(“div”)是通过标签名获取所有div;
D.以上说法都不正确;
答案:
AC
难易程度:
答案解析:
题型:
多选题
5、下列选项中属于jQuery属性选择器的是
A.$("img[src$='.gif']")
B.$("img")
C.$("class")
D.$("div>span")
答案:
AC
难易程度:
答案解析:
题型:
多选题
6、网页的
元素中包含以下HTML代码,其中能弹出"标题1"的jQuery代码是
A.alert($('#top1').text());
B.alert($('[name=header1]').text());
C.alert($('[name='header1']').text());
D.alert($('#header1').text());
答案:
AB
难易程度:
答案解析:
题型:
多选题
7、以下()是块级元素
A.div
B.img
C.input
D.p
答案:
AD
难易程度:
答案解析:
题型:
多选题
1、以下标签书写正确的是
A.
B.
C.
D.
答案:
BCD
难易程度:
答案解析:
题型:
多选题
2、嵌入在HTML文档中的图像格式可以是
A.*.gif
B.*.tif
C.*.bmp
D.*.jpg
答案:
ACD
难易程度:
答案解析:
题型:
多选题
3、请选出正确的选项
A.属性要在开始标签中指定,用来表示该标签的性质和特性
B.通常都是以“属性名=“值””的形式来表示
C.一个标签可以指定多个属性
D.指定多个属性时不用区分顺序
答案:
ABCD
难易程度:
答案解析:
题型:
多选题
4、下面哪些是HTML5新增的表单元素?
A.datalist
B.optgroup
C.output
D.legend
答案:
AC
难易程度:
答案解析:
题型:
多选题
5、关于media说法正确的是
A.@media查询,你可以针对不同的媒体类型定义不同的样式
B.@media可以设计响应式页面
C.当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面
D.可以用media属性在link中使用
答案:
ABCD
难易程度:
答案解析:
题型:
多选题
6、文字溢出显示省略号应该拥有那些属性?
A.overflow:
hidden;
B.white-space:
nowrap;
C.text-overflow:
ellipsis;
D.width:
500px
答案:
ABCD
难易程度:
答案解析:
题型:
多选题
7、关于语义化说法不正确的是
A.语义化的HTML有利于机器的阅读
B.Table属于过时的标签,遇到数据列表时,需尽量使用div来模拟表格
C.语义化是HTML5带来的新概念,此前版本的HTML无法做到语义化
D.Header、articlE.address都属于语义化明确的标签
答案:
CAB
难易程度:
答案解析:
题型:
多选题
15、background-origin的值有哪些?
A.none
B.border-box
C.content-box
D.padding-box
答案:
BCD
难易程度:
答案解析:
题型:
多选题
1、H5就是HTML5的简称。
答案:
错
难易程度:
答案解析:
题型:
判断题
2、CSSSprites整理起来更为方便,同一个按钮不同状态的图片也需要一个个切割出来并个别命名。
答案:
错
难易程度:
答案解析:
题型:
判断题
3、slideUp()方法通过高度变化(向上减小)来动态地隐藏所有匹配的元素。
答案:
对
难易程度:
答案解析:
题型:
判断题
4、在jquery中addClass()可以增加多个样式,各个样式间用:
隔开。
答案:
错
难易程度:
答案解析:
题型:
判断题
5、padding:
10px;只设置上边填充为10像素,其它三边为零像素。
答案:
错
难易程度:
答案解析:
题型:
判断题