前端面试题测试题

1、前端面试题您的姓名： 填空题 *_手机号码： 填空题 *_毕业学校： 填空题 *_性别： 填空题 *_1. 在 css 选择器当中，优先级排序正确的是（） 单选题 *id选择器标签选择器类选择器标签选择器类选择器id选择器类选择器标签选择器id选择器id选择器类选择器标签选择器(正确答案)2. 下列定义的 css 中，哪个权重是最低的？（ ） 单选题 *#game .name#game .name span#game div(正确答案)#game 3. 放在HTML里的哪一部分JavaScripts会在页面加载的时候被执行？ 单选题 *文件头部位置文件尾标签部分标签部分(正确答

2、案)4. CSS 样式，下面哪一个元素能够达到最大宽度，且前后各有一个换行？（ ） 单选题 *Block Element(正确答案)Square ElementSide ElementBox Element5. 新窗口打开网页，用到以下哪个值（ ） 单选题 *_self_blank(正确答案)_top_parent6. 以下全部属于块级标签的是？ 单选题 *(正确答案)7. 元素的alt和title有什么异同，选出正确的说法？（ ） 单选题 *不同的浏览器，表现一样alt和title同时设置的时候，alt作为图片的替代文字出现，title是图片的解释文字(正确答案)alt和title同时设置的

3、时候，title作为图片的替代文字出现，alt是图片的解释文字以上说法都不正确8. 下列说法错误的是( ) 单选题 *设置display:none后的元素只会导致浏览器的重排而不会重绘(正确答案)设置visibility:hidde后的元素只会导致浏览器重绘而不会重排设置元素opacity:0之后，也可以触发点击事件visibility:hidden的元素无法触发其点击事件9. 关于position定位，下列说法错误的是（ ） 单选题 *fixed元素，可定位于相对于浏览器窗口的指定坐标，它始终是以 body 为依据relative元素以它原来的位置为基准偏移，在其移动后，原来的位置不再占据空

4、间(正确答案)absolute 的元素，如果它的 父容器设置了 position 属性，并且 position 的属性值为 absolute 或者 relative，那么就会依据父容器进行偏移fixed 属性的元素在标准流中不占位置10. 浮动会导致页面的非正常显示，以下几种清除浮动的方法，哪个是不推荐使用的？（ ） 单选题 *在浮动元素末尾添加一个空的标签例如 通过设置父元素overflow值为hidden；父元素也设置浮动(正确答案)给父元素添加clearfix类11. 要将下面代码中超链接文本呈现为红色，不可以使用的样式表是（ ） 单选题 *a:linkcolor:reddiv a:li

5、nkcolor:reddiva:linkcolor:reddiv:first-childcolor:red(正确答案)12. css中clear的作用是什么？（ ） 单选题 *清除该元素所有样式清除该元素父元素的所有样式指明该元素周围不可出现浮动元素(正确答案)指明该元素的父元素周围不可出现浮动元素13. JavaScript中window对象的子对象不包含以下哪个对象？（ ） 单选题 *documentselfhistorymessage(正确答案)14. 下边这代码输出的结果是：( )function showCase(value) switch(value) case A: consol

6、e.log(Case A); break; case B: console.log(Case B); break; case undefined: console.log(undefined); break; default: console.log(Do not know!); showCase(new String(A);单选题 *Case ACase BundefinedDo not know!(正确答案)15. 以下代码的执行结果是什么（ ）var string = string; var number = 0; var bool = true; console.log(number

7、| string); console.log(number & string); console.log(bool | number);console.log(bool & number); 单选题 *string, 0, true,0(正确答案)string, true,0, 0string, string,true, 0string, 0, true,true16. var arr = ;typeof arr 的结果是（ ） 单选题 *arrayfunctionobject(正确答案)undefined17. 下列代码hasOwnProperty的作用是？（ ）var obj=.obj.h

8、asOwnProperty(val) 单选题 *判断obj对象是否具有val属性(正确答案)判断obj对象是否具有val的值判断obj的原型对象是否具有val的属性判断obj的原型对象是否具有val的值18. 关于 this 的工作原理，下面 4 种情况的描述哪一个是错误的？（ ） 单选题 *在全局范围内，this指向全局对象（浏览器下指window）对象函数调用时，this指向当前对象全局函数调用时，this指向全局函数(正确答案)使用new实例化对象时，this指向新创建的对象19. JavaScript定义var a=40,var b=7,则执行a%b会得到( ) 单选题 *nullun

9、defined5(正确答案)520. 下面有关浏览器中使用js跨域获取数据的描述，说法错误的是（ ） 单选题 *使用来进行跨域域名、端口相同，协议不同，属于相同的域(正确答案)js可以使用jsonp进行跨域通过修改document.domain来跨子域21. input元素的type属性的取值可以是( ) *image(正确答案)checkbox(正确答案)button(正确答案)select22. css中哪些属性可以继承（ ） *font-size(正确答案)color(正确答案)font-family(正确答案)border23. 下列哪些会返回false（ ） *

10、null(正确答案)undefined(正确答案)0(正确答案)024. 下列关于闭包描述正确的是？（ ） *(function()()理论上是一个闭包(正确答案)闭包不耗内存，可以随意使用闭包内变量执行后不会被清除(正确答案)闭包不满足链式作用域结构25. 在ECMAScript6 中,promise的状态有（ ） *Pending(正确答案)PauseResolved(正确答案)Rejected(正确答案)26. 下列说法正确的有：（ ） *visibility:hidden;所占据的空间位置仍然存在，仅为视觉上的完全透明；(正确答案)display:none;不为被隐藏的对象保留其物理空间；(正确答案)visibility:hidden;与display:none;两者没有本质上的区别；visibility:hidden;产生reflow和repaint（回流与重绘）；27. 下列哪些是浏览器支持的锚伪类：（ ） *a:link(正确答案)a:disableda:hover(正确答案)a:active(正确答案)28. 关于CSS选择器，以下说法正确的是：（ ） *每条选择器最多只能出现一个伪元素(正确答案)每条选择器最多只能出现一个伪类:nth-child(an+b)中n的取值从0开始(正确答案)A+B匹配A之