现在最热门的 IT 职位 web 前端开发工程师受到了很多在职技术人员或应届相关专业毕业生的追捧, 主要原因是很多公司给出了让人怦然心动的高薪, 那么这个职位到底能给你带来的是什么样的难题, 从自身情况看, 现在的你又应该做些什么呢. 在这里小编就从企业用人情况以及对前端人员的要求, 给大家做个分析看一看 Web 前端课程到底适不适合你.
咱们先来看一看企业对 Web 前端工程师的基本要求都有哪些. 下面是企业招聘 Web 前端工程师的面试题:
根据下图, 编写 html 结构. 要求: 遵循 xHTML 1.0 规范且符合 Web 语义
请用 CSS 定义 <p> 标签, 要求实现以下效果: 字体颜色在 IE6 下为黑色 (#000000);IE7 下为红色 (#ff0000); 而其他浏览器下为绿色 (#00ff00).
请根据下面的 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>
请把以下用于连接字符串的 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>';
尝试实现注释部分的 JavaScript 代码, 可在其他任何地方添加更多代码 (如不能实现, 说明一下不能实现的原因):
- var Obj = function(msg){
- this.msg = msg;
- this.shout = function(){
- alert(this.msg);
- }
- this.waitAndShout = function(){
- // 隔五秒钟后执行上面的 shout 方法
- }
- }
请编写一个 JavaScript 函数 toRGB, 它的作用是转换 CSS 中常用的颜色编码. 要求:
- alert(toRGB("#0000FF")); // 输出 rgb(0, 0, 255)
- alert(toRGB("invalid")); // 输出 invalid
- alert(toRGB("#G00")); // 输出 #G00
企业出题的目的是考察应聘者以下能力:
第一题, Web 基本搭建能力.
第二题, 兼容处理能力.
第三题, 对他技术人员所写结构的读写修改能力.
第四题, 代码精简整理能力
第五题, JavaScript 编写能力
第六题, 进制转换运算
来源: http://www.qdfuns.com/article/51117/cab83e62b98f76e36dff4c990d185717.html