前端(初、中级)面试题(June)

<pre name="code" class="javascript">1. 已知这样一段HTML：
<p class="a"></p>
应用了这样一段CSS：
.a{ font:12px arial; }
p{ line-height:2; }
则这个p元素的line-height值是（    ）
A：Normal   B.12px    C.24px    D.2

答案：C

2. 已知HTML如下：
<div class="a"><span class="b"></span></div>
已有CSS如下：
.a{ width:200px; }
.b{ width:100px; }
请问，再增加以下哪个CSS可以使得这个宽为100px的span元素在它的父元素里水平居中（    ）
A .b{margin:0 auto; }
B .a{ text-align:center; }  .b{display:inline-block; }
C .b{display:inline-block; text-align:center; }
D .a{position:relative; }   .b{position:absolute; left:50%; margin-left:-50%;}

答案：B

3. 已知HTML如下：
<div class=“arrow”></div>
已有CSS如下：
.arrow{
width:0; height:0; border:5px solid #000;
}
请问，再增加以下哪个CSS可以实现一个向下的箭头（    ）
A .arrow{border-color:tranparent #000;}
B .arrow{border-color:#000 tranparent; }
C .arrow{border-color:#000 tranparent transparent;}
D .arrow{border-color:tranparent transparent #000;}

答案：C

4. 默认情况下，有序列表的序号是从1开始的，通过以下哪个属性可以改变开始序号（）
A start B begin C type D index

目前还不知道答案吖，没查到，郁闷。求大神指点迷津吖！

5已知HTML如下：
<div class=“a”><p class=“b”>文字</p></div>
已有CSS如下：
.a{font-size:12px; line-height:200%;}
.b{font-size:16px;}
请问p元素最终的行高为：（）
A:12px B:16px C:24px D:32px
答案：C，在class里面，line-height:200%,也就是24px,class b 中继承24px，而不是200%。

6. 以下代码执行后a,b的值分别是（）
var a=0;
var b=!{}?1:a++&&a++;
A 1，0 B 0，1 C 1，1  D 2，1
答案：A
!{} 结果为false,执行a++&&a++
b = a++, b=0, a=1
因为b = 0, 所以，不再往后执行&&a++

7. 以下代码执行时两个alert分别输出值是（）
var a=1;
(function(){
alert(a);
var a=2;
alert(a);
})();
A 1,1 B 1,2 C 2,2 D undefined, 2
答案：D

8. 以下代码执行后president.name的值是
(function(callback){
president ={name:"bush"};
callback(president);
})(function(obj){
obj.name ="obama";
obj ={name:"clinton"};
})
A  “bush” B “obama”  C “clinton”  C undefined
答案：A
这个写法相当于：
Function aaa(obj){
obj.name ="obama";
obj ={name:"clinton"};
}
Var president ={name:"bush"};
Aaa(president);
执行obj.name ="obama";，是更改了对象的属性，而obj ={name:"clinton"}; ，则是指向了另一个对象。

9. 以下代码执行时alert输出值是（ ）
var x=0;
function foo(x){
x++;
this.length=x;
return foo;
}
var bar =new new new foo;
alert(bar.length);
A 0  B 1  C 3  D undefined

答案： B，但是不知道new new new foo这种写法是什么，跑出来的答案也是B，还请路过的大神指点迷津。

10. 以下代码执行时alert输出值分别是
var foo={
bar:function(){
alert(this);
}
};
(foo.bar)();
(foo.bar,foo.bar)();
(foo.bar=foo.bar)();
window,window,window
foo,foo,window
window,foo,window
foo,window,window

答案：D，是跑出来的结果，但不知道为啥。不知道(foo.bar,foo.bar)，这种写法是什么意思。

这里的题，也是我自己的答案，仅仅当做参考，可能有错的，如果您对我的答案有更好的见解，希望可以和您有所交流。文章最后有原题的在线测试地址，如果您对本套测试 题目感兴趣，可以尝试写“地狱级别”的题目。
第1-10题为普通测试，每题6分。Ready? Go!

还有5道，是‘地狱级别’的，我实在有点儿蒙，就先不在这里体现了。原题地址：http://www.wenjuan.com/s/VjaEva/