阿里巴巴2011前端工程师笔试卷

        职位类型：技术类岗位 求职面试

求职面试

        笔试时间：2011年阿里巴巴前端工程师笔试（） 礼仪

        招聘公司：

面试问题

        主观题： 问答24题        完成时间： 120分钟        总分： 100分 礼仪

qzm4

        1.请列举7种以上常用的HTML标签，说明其语义。

qzm4

        2.请说明下面各种情况的执行结果，并注明产生对应结果的理由。

求职信息

function doSomething() {
    alert(this);
}

面试问题

面试问题

        ① element.onclick = doSomething，点击element元素后。
        ② element.onclick = function() {doSomething()}， 点击element元素后。
        ③ 直接执行doSomething()。 求职面试

        3.请用JavaScript语言实现 sort 排序函数，要求：sort([5, 100, 6, 3, -12]) // 返回 [-12, 3, 5, 6, 100]。 求职信息

        如果你有多种解法，请阐述各种解法的思路及优缺点。（仅需用代码实现一种解法，其它解法用文字阐述思路即可）

        4.请根据下面的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> 礼仪

        5.阅读以下JavaScript代码：

面试网

 if (window.addEventListener) {
        var addListener = function(el, type, listener, useCapture) {
            el.addEventListener(type, listener, useCapture);
        };
    } else if (document.all) {
        addListener = function(el, type, listener) {
            el.attachEvent("on" type, function() {
                listener.apply(el);
            });
        };
    }

求职信息

qzm4

        请阐述 a) 代码的功能; b) 代码的优点和缺点; c) listener.apply(el) 在此处的作用; d) 如果有可改进之处，请给出改进后的代码，并说明理由。

求职信息

礼仪

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

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

求职信息

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

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

        8.请编写一个JavaScript函数，它的作用是校验输入的字符串是否是一个有效的电子邮件地址。要求： a)   使用正则表达式。 b)   如果有效返回true ，反之为false。

        9.请分别列出HTML、JavaScript、CSS、Java、php、python的注释代码形式。

面试网

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

面试网

求职面试

    <p class=”slogan”>淘！你喜欢</p>
</div>

求职面试

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

礼仪

面试问题

        13.请简化以下的CSS代码，并给出简单的说明。

求职信息

div.container {
 width: 500px;
 background-image: url(/img/sprite.png);
        background-repeat: no-repeat;
        background-position: 0px -78px;
}
div.container ul#news-list, div.container ul#news-list li {
 margin: 0px;
 padding: 0px;
}
div.container ul#news-list li {
 padding-left: 20px;
 background-image: url(/img/sprite.png);
        background-repeat: no-repeat;
        background-position: -120px 0px;
}
A {
 font-size: 14px;
        font-weight：bold；
 line-height: 150%;
 color: #000000;
} 面试问题

面试问题

        14.请编写一个通用的事件注册函数（请看下面的代码）。 求职信息

function addEvent(element, type, handler)
{
    // 在此输入你的代码，实现预定功能
} 礼仪

        15. 下面是个输入框 qzm4

        当没有获取焦点时，显示灰色的提示信息：

        当输入框失去焦点，如果输入为空，需还原提示信息： qzm4

        16.请给JavaScript的String 原生对象添加一个名为trim 的原型方法，用于截取空白字符。要求 面试问题

alert(" taobao".trim());     // 输出 "taobao"
alert(" taobao ".trim());    // 输出 "taobao" 面试问题

求职信息

        17.请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象，如： qzm4

var url = “http://www.taobao.com/index.php?key0=0&key1=1&key2=2.....”
var obj = parseQueryString(url);
alert(obj.key0)  // 输出0 求职面试

        18.根据下图，编写HTML结构。要求：符合xHTML 1.0规范。 面试问题

qzm4

面试问题

<h1><p>小明的表白</p></h1>
<dl>
        <dt><p><div>小明说：</div></p></dt>
        <dd>”淘宝网，<i>天天上</i>。”</dd>
        <dd><b>”淘我喜欢！” </b></dd>
</dl> 面试网

20.请把以下用于连接字符串的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>"; 求职信息

礼仪

        21.请给Array本地对象增加一个原型方法，它用于删除数组条目中重复的条目(可能有多个)，返回值是一个包含被删除的重复条目的新数组。

求职信息

        22.请根据下面的描述，用JSON语法编写一个对象: “小明今年22岁，来自杭州。兴趣是看电影和旅游。他有两个姐姐，一个叫小芬，今年25岁，职业是护士。还有一个叫小芳，今年23岁，是一名小学老师。” 求职面试

        var person = ?

求职信息

求职面试

        23.请改善以下HTML代码，使其符合xHTML 1.0规范 面试问题

 <A id='go-home' href='http://www.taobao.com'  
    onClick='doSomething();'> 
    <IMG src="http://www.taobao.com/logo.png"> 
</A> 礼仪

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

求职面试

声明：阿里巴巴2011前端工程师笔试卷来源于互联网，其版权均归原作者及其网站所有，本站虽力求保存原有的版权信息，但由于诸多原因，可能导致无法确定其真实来源，如果您对本站文章、图片资源的归属存有异议，请立即通知我们，情况属实，我们会第一时间予以删除，并同时向您表示歉意！