第二篇 1+X考证 Web前端测试题（含答案解析）

单选题

1、关 flex 说法确的是（ A )
 A、  flex 属性用指定弹性子元素如何分配空间

B 、设置 flex :1无意义

C 、 flex 是指设置固定定位

D 、 flex :1应该写在弹性元素上

【解析：flex是弹性布局的内容,flex属性是设置或检索弹性盒模型对象的子元素如何分配空间，flex实际上是flex-grow、flex-shrink和flex-basis三个属性的缩写，所以flex:1其实是(flex:1 1 auto)；固定定位是fixed，flex不是写在弹性元素上，而是盒子或容器上】

2、下面关于文件路径的说法错误的是（ D )。

A 、访问下一级目录直接输入相应的目录名即可

B 、“..”是返回当前目录的上一级目录

C、文件路径指文件存储的位置

D、“../”是返回当前目录的下级目录

【解析：".."是返回当前目录的上一级目录，输入"../"也是同样的;】

3、关于引入样式的优先级说法正确的是（ A )

A 、内联样式＞内部样式＞外部样式

B 、内部样式＞内联样式＞部样式

C 、以上都不正确

4.阅读下面的javascript代码，输出的结果是（ B ）

function f(y){
    var x = y*y;
    return x;
}
for(x=0;x<5;x++){
    y=f(x);
    document.writeln(y);
}

A.以上答案都不正确

B.0 1 4 9 16

C.0 1 2 3 4

D.0 1 4 9 16 25

【解析：for循环中的x<5,则函数function f(y)中的x=y*y,那么x<5,则依次是0，1，4，9，16，答案选B】

5、下列选项中定义标题最合理的是（ C ）

 A 、< div > 文章标题＜/div>

 B 、< span class ="header"＞文章标题＜/span>

 C 、

 D 、

文章标题

6、HTML5的正确 doctype 是（ C ）

A、  //W3C//DTD HTML 5.0//EN"http://www.w3.org TR/htmI5/strict.dtd ">

B 、

C 、

D 、

7、关 box - shadow 地法正确的是（ B )

A 、设置文字投影

B 、第一个值是设置水平距离的

C 、第二个值是设置水平距离的

D 、第三个值是设置投影颜色的

【解析：设置文字投影的是text-shadow,box-shadow是盒阴影；box-shadow:x(水平),y(垂直),阴影值,阴影颜色】

8、毎段文字都需要首行缩进两个字的距离，该设置什么属性（ B )

A 、text - transform 

B 、text － indent 

C 、text - decoration 

D 、text - align 

【解析：text-transform:用来指定在一个文本中的大写和小写字母,可用于所有字句变成大写或小写字母，或每个单词的首字母大写 ; text - align:用来设置文本的水平对齐方式 ; text － indent :文本缩进属性是用来指定文本的第一行的缩进 ; text - decoration:用来设置或删除文本的装饰 ; 】

9、以下关于 jQuery 节点的说法中错误是（ A ）

A 、jQuery 中用  $(".box"). appendTo(ele)给box 类后添加 ele 元素

B 、jQuery 中用  $(".box"). insertAfer(elel1 ,ele2)给ele2后添加 ele1元素

C、 jQuery 中用  $(".box"). append(ele)box实后添加ele元素

D 、jQuery 中用  $(".box"). insertBefroe(ele1,ele2)给指定 ele2前添加 ele1 元素

【解析：appendTo() 方法在被选元素的结尾插入 HTML 元素 ；append() 方法在被选元素的结尾插入指定内容。】

10、下面代码输出正确的是（ B )

 parselnt (3，8)

 parselnt (3，2)

 parselnt (3，0)

 A 、3, NaN , NaN  

B 、other 

C 、3,3, NaN 

D 、3,3,3

【解析：只有字符串中的第一个数字会被返回，如果字符串的第一个字符不能被转为数字，那么parseInt( )会返回NaN。parseInt(string,radix),当参数 radix 的值为 0，或没有设置该参数时parseInt() 会根据 string 来判断数字的基数，radix(表示要解析的数字基数，介于2~36之间。)

】

11、下列表达式成立的是（ D )
A 、 parseInt (12.5) == parseFloat (12.5)

B 、 isNaN ("abc") == NaN 

C 、 Number ("123abc") == parseFloat ("123abe”)

D 、 typeofNaN == "number"

【解析：parsetInt(12.5)整数型是12，而parseFloat(12.5)浮点数是12.5，不成立false，排除A,isNaN(判断是否为数值型)只有true或false两个值，显然abc不是为false,NaN还是NaN,不成立，排除B，Number()转为数值,可以将字符串的数字转为数值，即Number("123")=123,但要求放在Number当中的要为非NaN,显然"123abc"是NaN,parseFloat("123abe")=123,不成立排除C；用typeof 操作符来检测变量的数据类型】 

12、在 jQuery 中，下列关于事件的说法措误的是（ A )

A 、jQuery 中用 onclick 绑定点击事件

B 、jQuery 中存在冒泡事件，故需要阳止冒泡

C 、jQuery 中用 hover 来绑定鼠标经过事件

D 、jQuery 中用 on 来给未来元素定事件

【解析：在jquery中，给按钮绑定点击事件，主要通过bind( ) 方法绑定click事件来实现。

按钮

】

13、以下哪条语句会产生运行错误（ D )

A 、var obj = //；

B 、var obj = {}；

C 、var obj = [];

D 、var obj = ();

14、在 JavaScript 中，执行下面的代码后， num 的值是（ C )

var str = " "wang [email protected]" " ；

var num = str.indexOf (" "." ")；

 A  、-1
 B 、0
 C 、4
 D 、13

【解析：indexOf()可返回某个指定的字符串值在字符串中首次出现的位置。如果没有找到匹配的字符串则返回 -1。】

15、设置盒子圆角的属性是（ B ）

A、box-shadow

B、border-radius

C、border

D、box-size

【解析：box-shadow是盒阴影，border-radiu是边框的圆角，border是边框的属性（border-width,border-style,border-color）】

16、在以下选项中，关于 JavaScript 的 Date 对象描述正确的是（ D ）

A 、getYear( ) 方法只能返回4位年份，长用于获取 Date 对象的年份

B 、getDate( )方法能返回 Date 对象的一周中的一天，其值为0-6

C 、getDay( )方法能返回 Date 对象的一个月中的一天，其值为1-31

D 、getTime( )方法能返回某一时刻（1970年1月1日）依赖的毫秒数

【解析：getYear( )方法现在已经废弃掉了,现在使用只能返回三位，使用getFullYear( )则从 Date 对象以四位数字返回年份。getDate( )则从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay( )则从 Date 对象返回一周中的某一天 (0 ~ 6)。getTime( )返回1970年1月1日至今的毫秒数】

17、在 Java script 中，运行下面代码的结果是（ C ）

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,18

B、 17,18,19

C 、undefined ,18,19

D、5,18,19

【解析：整体看一下这个函数foo(x),该函数还包含一个bar=function(y)然后return出去一个结果，foo(2),函数中的bar未知，那么return出去的就是一个undefined,bar(10)时,函数可以正常return出来一个值，代入数值（x+y+(++num)=2+10+6=18）,接着bar(10),代入等于19，选C】

18、在 HTML 中，通过（ B ）河以实现鼠标悬停在 div 上时，元素执行旋转45度效果。

 A 、 div:hover { transform : scale (1,5) }

 B 、div:hover { transform : rotale (45deg) }

 C 、div:hover { transform : skew (45deg) }

 D 、div:hover { transform : tanslate (50px) }

【解析：transform属性应用于元素的2D或3D转换,这个属性允许你将元素旋转，缩放，移动，倾斜等。scale移动，rotale，skew倾斜，】

19、让一个动画一直执行的属性是（ A ）
 A 、 animation - direction 
 B 、 animation - iteration - count 
 C 、 animation - play - state 
 D 、 animation － delay 

【解析：animation-direction 属性定义是否循环交替反向播放动画；animation-iteration-count 属性定义动画的播放次数。animation--play-state属性指定动画是否正在运行或已暂停。animation-delay 属性定义动画什么时候开始（允许负值）。】

20、将 div 类名以'c'开头元素添加文字为红色，书写正确的是（ D ）

A 、div[ class=$c ] {color:red}

B 、div[ class=c ] {color:red}

C 、div[ class=*c ] {color:red}

D 、div[ class=^c ] {color:red}

21、请选择结果为真的表达式（ B )

A、 NaN == NaN 

B、 null == undefined 

C、 null instanceof Obyect

D、null === undefined

【解析：JavaScript的规定，NaN表示的是非数字， 但是这个非数字也是不同的，因此，NaN 不等于 NaN，并且两个NaN永远不可能相等。】

22、在 HTML 中，下列有关邮简的链接书写正确的是 ( B )

A、 < A href = "mail: [email protected]"＞发送邮件 

B 、< A href = "mailto :zhangming @ aptech com"＞发送邮件 

C 、< A href = "telnet :zhangming @ aptech . com"＞发送邮件

D 、< A href = "ftp:zhangming @ aptech com"＞发送邮件

23、在 HTML 中，( C ）用来表示特殊字符引号

A 、" 

B 、® 

C 、& nbsp 

D 、©

24、在 HTML 中，下面（ D ）不属于 HTML 文档的基本组成部分。

A 、

B 、

C 、

D、