美文网首页前端全栈开发
web面试题目你知道多少?

web面试题目你知道多少?

作者: a333661d6d6e | 来源:发表于2018-09-26 16:16 被阅读8次

    现在最热门的IT职位web前端开发工程师受到了很多在职技术人员或应届相关专业毕业生的追捧,主要原因是很多公司给出了让人怦然心动的高薪,那么这个职位到底能给你带来的是什么样的难题,从自身情况看,现在的你又应该做些什么呢。在这里小编就从企业用人情况以及对前端人员的要求,给大家做个分析看一看web前端课程到底适不适合你。

    咱们先来看一看企业对web前端工程师的基本要求都有哪些。下面是企业招聘web前端工程师的面试题:

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

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

    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

    企业出题的目的是考察应聘者以下能力:

    第一题,web基本搭建能力。

    第二题,兼容处理能力。

    第三题,对他技术人员所写结构的读写修改能力。

    第四题,代码精简整理能力

    第五题,javascript编写能力

    第六题,进制转换运算

    想要学习web前端可以加QQ群:864305860

    编程语言

    JavaScript

    CSS

    HTML

    面试

    相关文章

      网友评论

        本文标题:web面试题目你知道多少?

        本文链接:https://www.haomeiwen.com/subject/kpqjoftx.html