百度前端开发面试题

第一部分：CSS

1、列丼 W3C 推荐的属性标签，说一下 p 标签和 img 标签的特点。
答案就略了，做前端都懂的！
2、实现左侧规定宽 200，右侧自适应宽度的布局
思想是左侧迚行绝对定位，右侧设置一个 margin-left:200px;即可，答案多种！
3、如何让 img 标签在 div 里上下居中
思想是正负 margin 抵消法来实现

第二部分：JavaScript

1、真假判断
var aLinks=document.getElementsByTagName(‘a’);
for(i=0;i<aLinks.length;i++)
{
…
}
修改后：
var aLinks=document.getElementsByTagName(‘a’);
for(var i=0,l= aLinks.length;i<l;i++)
{
…
}
4、参照上题，给 a 添加事件，要求点击弹出提示相应的 index 值
(1)、第一种方法（加索引）
var aLinks=document.getElementsByTagName(‘a’);
for(var i=0,l= aLinks.length;i<l;i++)
{
aLinks[i].Index=I;
aLinks[i].οnclick=function(){alert(this.Index)};
}
（2）、第二种方法（闭包）
var aLinks=document.getElementsByTagName(‘a’);
for(var i=0,l= aLinks.length;i<l;i++)
{
aLinks[i].οnclick=(function(a){
return function(){alert(a);}
})(i);
}

第三部分：附加题

HTML&&CSS
1、列丼 hack 的技巧；
2、列丼常见的兼容性问题以及解决方法；
3、说一下你清除浮动的常用方法，zoom 的实现原理；
4、用户上传图片，没有刷新过程显示图片的功能【ajax】。