分享Web前端开发工程师常见面试题_惠州前端培训学校

今天惠州北大青鸟老师给大家分享Web前端开发工程师常见面试题，希望对大家有帮助。

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

想了解更多关于前端的资讯，可以来惠州北大青鸟新方舟校区了解一下。

标签：惠州前端培训学校惠州前端基础惠州前端培训北大青鸟IT计算机学校北大青鸟IT软件学校前端北大青鸟IT学校惠州北大青鸟北大青鸟