前端面试题

第一部分：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】。
————————————————
版权声明：本文为CSDN博主「笑傲江湖、」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_43469252/article/details/121939555