前端(初、中级)面试题(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答案：C2. 已知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%;}答案：B3. 已知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;}答案：C4. 默认情况下，有序列表的序号是从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答案：D8. 以下代码执行后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,windowfoo,foo,windowwindow,foo,windowfoo,window,window答案：D，是跑出来的结果，但不知道为啥。不知道(foo.bar,foo.bar)，这种写法是什么意思。    这里的题，也是我自己的答案，仅仅当做参考，可能有错的，如果您对我的答案有更好的见解，希望可以和您有所交流。文章最后有原题的在线测试地址，如果您对本套测试 题目感兴趣，可以尝试写“地狱级别”的题目。第1-10题为普通测试，每题6分。Ready? Go!还有5道，是‘地狱级别’的，我实在有点儿蒙，就先不在这里体现了。原题地址：http://www.wenjuan.com/s/VjaEva/