2019年下半年Web前端开发初级理论考试

蜀侠浪子 發表於 2019-12-26 20:02:00

2019年下半年Web前端开发初级理论考试

<h2 align="center">2019年下半年         Web前端开发初级       理论考试</h2>
（考试时间9:00-11:30 共150分钟）
 
1. 本试卷共3道大题，满分100分。
2. 请在指定位置作答。
 
<h1>一、单选题（每小题2分，共30小题，共60分）</h1>
1、在HTML中，(    )用来表示特殊字符引号            
A、&reg            B、&copy             C、&quot            D、&nbsp  
 
2、下面关于文件路径的说法错误的是（  ）。      
A、“../”是返回当前目录的上一级目录
B、“../”是返回当前目录的下一级目录
C、访问下一级目录直接输入相应的目录名即可
D、文件路径指文件存储的位置
 
3、下列选项中定义标题最合理的是(      )         
A、文章标题
B、文章标题
C、<h2>标题</h2>                    
D、<div>文章标题</div>
 
4、关于引入样式的优先级说法正确的是（      ）           
A、内联样式>!important>内部样式>外部样式>!important
B、!important>内联样式>内部样式>外部样式
C、以上都不正确
 
5、在HTML中，下面（     ）不属于HTML文档的基本组成部分。     
A、<STYLE></STYTLE>        B、<BODY></BODY>
C、<HTML></HTML>         D、<HEAD></HEAD>
 
6、在HTML中，下列有关邮箱的链接书写正确的是（         ）         
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中，哪个属性用于规定输入字段是必填的？         
A、readonly    B、required   C、validate   D、placeholder
 
8、HTML5的正确doctype是(        )
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、以下说法不正确的是（      ）        
A、HTML5 标准还在制定中        B、HTML5兼容以前HTML4下浏览器
C、<canvas>标签替代Flash        D、简化的语法
 
10、设定一个元素按规定的动画执行，你需要运用什么规则？
A、animation   B、keyframes   C、flash   D、transition
 
11、每段文字都需要首行缩进两个字的距离，该设置什么属性（      ）             
A、text-transform   B、text-align   C、text-indent   D、text-decoration
 
12、关于box-shadow说法正确的是（       ）          
A、设置文字投影              B、第一个值是设置水平距离的
C、第二个值是设置水平距离的  D、第三个值是设置投影颜色的
 
13、设置盒子圆角的属性是（         ）           
A、box-sizing  B、box-shadow  C、border-radius   D、border
 
14、将div类名以'c'开头元素添加文字为红色，书写正确的是（        ）
A、div{color:red}        B、div{color:red}
C、div{color:red}       D、div{color:red}
 
15、在HTML中，通过( )可以实现鼠标悬停在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、flex 属性用于指定弹性子元素如何分配空间  B、flex:1应该写在弹性元素上
C、设置flex:1无意义                         D、flex是指设置固定定位
 
17、让一个动画一直执行的属性是（       ）           
A、animation-direction                 B、animation-iteration-count 
定义是否应该轮流反向播放动画     定义动画的播放次数          
C、animation-play-state                D、animation-delay
规定动画正在运行还是暂停         定义动画何时开始。
 
18、以下不属于background-clip的值的是（         ）           
A、border-box   B、padding-box  C、content-box  D、none
 
19、以下哪条语句会产生运行错误（        ）          
A、var obj = ();  B、var obj = {};  C、var obj = [];  D、var obj = //;
 
20、请选择结果为真的表达式（       ）           
A、null instance of Object      B、null === undefined
C、null == undefined         D、NaN == NaN
 
21、下面代码输出什么(       )
<div>
var a=0,b=0;
    for(;a<10,b<7;a++,b++){
        g=a+b;
    }
 console.log(g);"          
</div>
A、16     B、10     C、12     D、6
 
22、下列表达式成立的是(        )       
A、parseInt(12.5)==parseFloat(12.5)
B、Number("123abc")==parseFloat("123abc")
C、isNaN("abc")==NaN
D、typeof NaN=="number"
 
23、在JavaScript中，执行下面的代码后，num的值是(        )
<div>
var str = ""wang.wu@gmail.com"";
var num = str.indexOf(""."");"            
</div>
A、-1    B、0    C、4    D、13
 
24、阅读下面的JavaScript代码，输出结果是（         ）
<div>
function f(y) {
   var x=y*y;
return x;
  } 
for(x=0;x< 5;x++) {
y=f(x);
document.writeln(y);
} "         
</div>
A、0 1 2 3 4    B、 0 1 4 9 16    C、0 1 4 9 16 25    D、以上答案都不对  
 
25、在Java script中，运行下面代码的结果是
<div>
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));"        
</div>
A、undefined,18,19   B、17,18,19   C、5,18,19   D、undefined,18,18
 
26、下面代码输出正确的是(       )
<div>
parseInt(3, 8)
parseInt(3, 2)
parseInt(3, 0) "            
</div>
A、3, 3, 3    B、3, 3, NaN    C、3, NaN, NaN    D、other
 
27、在以下选项中，关于JavaScript的Date对象描述正确的是          
A、getDay( )方法能返回Date对象的一个月中的一天，其值为1~31
B、getDate( )方法能返回Date对象的一周中的一天，其值为0~6
C、getTime( )方法能返回某一时刻(1970年1月1日)依赖的毫秒数
D、getYear( )方法只能返回4位年份，长用于获取Date对象的年份
 
28、以下关于jQuery 节点的说法中错误是           
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元素
 
29、在jQuery中，下列关于事件的说法错误的是（      ）            
A、jQuery中用onclick绑定点击事件
B、jQuery中用on来给未来元素绑定事件
C、jQuery中用hover来绑定鼠标经过事件
D、jQuery中存在冒泡事件，故需要阻止冒泡
 
30、在jQuery中，能够操作HTML代码及其文本的方法是（     ）
A、attr()    B、text()    C、html()     D、val()
 
<h1>二、多选题（每小题2分，共15小题，共30分）</h1>
1、在JavaScript语法中，下列说法正确的是         
A、parseInt(43.12)返回值为43
B、parseInt('abc43.12')返回值为NaN
C、parseFloat('43.13abc')==parseInt(43.12) 返回true
D、isNaN(parseFloat('45.13abc'))返回true
 
2、下面哪些是JavaScript中document的方法？    
A、getElementById            B、getElementsById 
C、getElementsByTagName     D、getElementsByName 
E、getElementsByClassName
 
3、关于JavaScript事件说法不正确的是（       ）           
A、事件由事件函数、事件源、事件对象组成
B、当前事件作用在哪个标签上,哪个标签就是事件源
C、onclick 就是一个事件对象
D、图片切换使用JavaScript的change事件
 
4、下列关于获取页面元素说法正确的是(       )       
A、document.getElementById(‘a’)是通过id值为a获取页面中的一个元素
B、document.getElementsByName(“na”)是通过name属性值为na获取页面中的一个元素
C、document.getElementsByTagName(“div”)是通过标签名获取去所有div;
D、以上说法都不正确;
 
5、下列选项中属于jQuery属性选择器的是（       ）            
A、$("img")   B、$("img")   C、$("")   D、$("div>span")
 
6、网页的<body>元素中包含以下HTML代码：
<div>
<div id=""box"">
     <h2 id='top1' name='header1'>标题1</h2>
     <h2 id='top2' name='header2'>标题2</h2>
</div>
</div>
下列能弹出""标题1""的jQuery代码是（        ）。  
A、alert($('#top1').text());               B、alert($('').text());
C、alert($('').text());     D、alert($('#header1').text());
 
7、以下（     ）是块级元素          
A、div    B、img    C、input    D、p
 
8、以下标签书写正确的是(      )         
A、    B、     C、<hr/>    D、<img/>
 
9、嵌入在HTML文档中的图像格式可以是(    )        
A、*.gif    B、*.tif    C、*.bmp    D、*.jpg
 
10、请选出正确的选项(        )         
A、属性要在开始标签中指定，用来表示该标签的性质和特性
B、通常都是以“属性名=“值””的形式来表示
C、一个标签可以指定多个属性
D、指定多个属性时不用区分顺序。
 
11、下面哪些是HTML5 新增的表单元素？          
A、datalist    B、optgroup    C、output    D、legend
 
12、关于media说法正确的是（      ）       
A、@media 查询，你可以针对不同的媒体类型定义不同的样式
B、@media 可以设计响应式页面
C、当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面
D、可以用media属性在link中使用
 
13、文字溢出显示省略号应该拥有那些属性（       ）           
A、overflow: hidden;           B、white-space: nowrap;
C、text-overflow: ellipsis;       D、width:500px
 
14、关于语义化说法不正确的是（        ）             
A、语义化的HTML有利于机器的阅读
B、Table 属于过时的标签，遇到数据列表时，需尽量使用 div 来模拟表格
C、语义化是HTML5带来的新概念，此前版本的HTML无法做到语义化
D、Header、article、address都属于语义化明确的标签
 
15、background-origin的值有哪些（       ）            
A、none    B、border-box    C、content-box    D、padding-box
 
<h1>三、判断题（每小题2分，共5小题，共10分。在每小题后对应括号内填入判断结果，正确的选项填写“√”，错误的选项填写“×”）</h1>
1、H5就是HTML5的简称。     （  ×  ）   
 
2、CSS Sprites整理起来更为方便，同一个按钮不同状态的图片也不需要一个个切割出来并个别命名。（  ×   ）        
 
3、slideUp()方法通过高度变化（向上减小）来动态地隐藏所有匹配的元素。（  √   ）
 
4、在jquery中addClass()可以增加多个样式，各个样式间用：隔开。（  ×   ）
 
5、padding:10px;只设置上边填充为10像素，其它三边为零像素。（  ×  ）   
来源：https://www.cnblogs.com/programme-maker/p/12104113.html

頁: [1]

琼殿技术论坛's Archiver

2019年下半年Web前端开发初级理论考试