web前端工程师企业面试题

时间：2017-05-04 14:40
发布：达内杨老师
来源：达内

1.根据下图，编写HTML结构。要求：遵循xHTML 1.0规范且符合Web语义。

2.请用CSS定义 <p> 标签，要求实现以下效果: 字体颜色在IE6下为黑色(#000000)；IE7下为红色(#ff0000)；而其他浏览器下为绿色(#00ff00)。

<!—[!ie6]-->

3请根据下面的HTML和CSS代码，画出布局示意图：

<div id="page">
<div class="main"><div class="sub"></div></div>
<div class="nav"></div>
</div>
<style type="text/css">
#page { width: 520px; }
.nav { width: 200px; float: right; }
.main { width: 200px; float: left; padding-left: 110px; }
.sub { width: 100px; float: left; margin: 10px 0 10px -100px; }
.main { border: 1px solid #000; }
.nav, .sub { border: 1px dashed #000; height: 300px; }
.sub { height: 280px; }
</style>

宽度值不必精确到像素，示意即可。
4请把以下用于连接字符串的JavaScript代码修改为更高效的方式

var htmlString = ‘<div class=”container”>’ +
‘<ul id=”news-list”>’;
for (var i = 0; i < NEWS.length; i++) {
htmlString += ‘<li><a href=”’ +
NEWS[i].LINK + ‘”> +
NEWS[i].TITLE + ‘</a></li>’;
}
htmlString += ‘</ul></div>’;

5尝试实现注释部分的Javascript代码，可在其他任何地方添加更多代码（如不能实现，说明一下不能实现的原因）：

var Obj = function(msg){
this.msg = msg;
this.shout = function(){
alert(this.msg);
}
this.waitAndShout = function(){
//隔五秒钟后执行上面的shout方法
}
}

6请编写一个JavaScript 函数toRGB，它的作用是转换CSS中常用的颜色编码。要求：

alert(toRGB("#0000FF")); // 输出 rgb(0, 0, 255)
alert(toRGB("invalid")); // 输出 invalid
alert(toRGB("#G00")); // 输出 #G00