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

最新推荐文章于 2023-03-16 10:56:31 发布

四次元口袋

最新推荐文章于 2023-03-16 10:56:31 发布

阅读量174

点赞数

分类专栏：阿里巴巴文章标签：面试题

本文链接：https://blog.csdn.net/weixin_39813541/article/details/89554618

版权

阿里巴巴专栏收录该内容

6 篇文章 0 订阅

订阅专栏

第一题：
请改善以下HTML代码，使其符合xHTML 1.0规范

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

第二题：请编写一个通用的事件注册函数（请看下面的代码）。

 function addEvent(element, type, handler)

{
 // 在此输入你的代码，实现预定功能

}

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

第四题：

请用JavaScript语言实现 sort 排序函数，要求：

sort([5, 100, 6, 3, -12]) // 返回
[-12, 3, 5, 6, 100]。
如果你有多种解法，请阐述各种解法的思路及优缺点。（仅需用代码实现一种解法，其它解法用文字阐述思路即可）

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

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

alert("" taobao"".trim());     // 输出 ""taobao"
"
alert("" taobao "".trim());    // 输出 ""taobao""

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

function doSomething() {

alert(this);

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

第八题：

请用CSS定义p标签，要求实现以下效果:

字体颜色在IE6下为黑色(#000000)；IE7下为红色(#ff0000)；而其他浏览器下为绿色(#00ff00)。

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

 var Obj = function(msg){
    this.msg = msg;
    this.shout = function(){
    alert(this.msg);

}  

this.waitAndShout = function(){    
//隔五秒钟后执行上面的shout方法  

 }

}

第十题：
请编写一段JavaScript脚本生成下面这段DOM结构。要求：使用标准的DOM方法或属性。

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

第十一题：
请指出下面代码中不符合xHTML 1.0规范的地方，说明理由，并写出改善后的代码：

<h1><p>小明的表白</p></h1>

<dl>

      <dt><p><div>小明说：</div></p></dt>

      <dd>”淘宝网，<i>天天上</i>。”</dd>

      <dd><b>”淘我喜欢！” </b></dd>

</dl>

第十二题：
阅读以下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);
            });
        };
    }

请阐述

a) 代码的功能;

b) 代码的优点和缺点;

c) listener.apply(el) 在此处的作用;

d) 如果有可改进之处，请给出改进后的代码，并说明理由。

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

第十四题：
下面是个输入框
当没有获取焦点时，显示灰色的提示信息：

当用户输入时，隐藏提示文字，且恢复为默认色：

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

要求： a) 写出HTML和CSS代码 b) 用JavaScript实现功能

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

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

第十六题：
请简化以下的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;
}

第十七题：
根据下图，编写HTML结构。要求：

遵循xHTML 1.0规范且符合Web语义。

第十八题：
请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象，如：

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

第十九题：
请分别列出HTML、JavaScript、CSS、Java、php、python的注释代码形式。

第二十题：
请列举7种以上常用的HTML标签，说明其语义。

第二十一题：
请把以下用于连接字符串的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>"";

参考答案：https://download.csdn.net/download/weixin_39813541/11147851