第二篇 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之间。)

第二篇 1+X考证 Web前端测试题(含答案解析)_第1张图片

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、