前端笔试题集合（四）

欢迎大家不吝赐教，贡献答案。

No.31

请用实现一个最简单的输入框提示功能

要求：
1.输入框内默认显示提示文案，当用户点击输入框后，光标定位到输入框最前，并继续显示提示文案，当用户输入后替换默认提示文案，当用户清空输入框后从新显示默认提示文案
2.要求支持ie（6，7，8，9），firefox，chrome等浏览器
3.请写出html结构，javascript代码逻辑部分写出实现思路即可（有时间能写出代码者最佳，可以使用js库）

No.32

请列举CSS中用于隐藏元素的两个属性？两者的差异？

display:none和visibility: hidden;前者不占位，后者占位。

No.33

在jquery中，选择器使用的是sizzle，sizzle的基本原理是”从后往前查找”，比如选择器“ .a > .b > .c”，是先查找”.c”而不是”.a”。请解释为什么大部分情况下“从后往前”比“从前往后”查找速度更快

No.34

//现有代码如下:
var a = 1;
var obj = { b : 2 };
var fn = function() {};
fn.c = 3;
function test(x, y, z) {
x = 4;
y.b = 5;
z.c = 6;
return z;
}
test(a, obj, fn);
alert(a + obj.b + fn.c);
//这段代码能够正常运行么?如果不能正常运行,请说明原因.
//如果可以运行,最后一行alert的值是多少,并请说明原因.

No.35

请编写一段程序，将一个对象和它直接、间接引用的所有对象的属性字符串放入一个数组。

如
var o = {a:1,{b:2,c:{d:1}}}

这里o经过处理后，应该得到
["a","b","c","d"]

No.36

请举两个例子，解释一下strong和em标签用法有何不同？

em 表示内容的着重点（stress emphasis），strong 表示内容的重要性（strong importance），strong 不会改变所在句子的语意，em 则会改变所在句子的语义。

No.37

 <document.body.innerHTML='<p><pre>test<br/></pre></p>'; //这段代码执行后的DOM Tree会是怎样的结构？为什么？

No.38

页面上有一个节点 <div id="a" style=" width:200px; height:200px;"></div>请实现当鼠标移至该节点时，该节点的透明度从 100 渐变为 20：