阿里巴巴2011前端工程师笔试卷
时长:120分钟 总分:100分
257浏览 0人已完成答题
题型介绍
| 题型 | 简答题 |
|---|---|
| 数量 | 24 |
2.
请说明下面各种情况的执行结果，并注明产生对应结果的理由。 function doSomething() { alert(this) } ① element.onclick = doSomething，点击element元素后。 ② elem
请说明下面各种情况的执行结果，并注明产生对应结果的理由。
function doSomething() {
alert(this)
}
① element.onclick = doSomething，点击element元素后。 ② element.onclick = function() {doSomething()}， 点击element元素后。
③ 直接执行doSomething()。
3.
请用JavaScript语言实现 sort 排序函数，其中要求几点。
请用JavaScript语言实现 sort 排序函数，要求：sort([5, 100, 6, 3, -12]) // 返回
[-12, 3, 5, 6, 100]。
如果你有多种解法，请阐述各种解法的思路及优缺点。（仅需用代码实现一种解法，其它解法用文字阐述思路即可）
4.
请根据下面的HTML和CSS代码，画出布局示意图。
请根据下面的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代码后，回答问题。
阅读以下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) 如果有可改进之处，请给出改进后的代码，并说明理由。
6.
请编写一个JavaScript 函数toRGB，它的作用是转换CSS中常用的颜色编码。
请编写一个JavaScript 函数toRGB，它的作用是转换CSS中常用的颜色编码。 要求：
alert(toRGB("#0000FF")) // 输出 rgb(0, 0, 255)
alert(toRGB("invalid")) // 输出 invalid
alert(toRGB("#G00")) // 输出 #G00
7.
尝试实现注释部分的Javascript代码，可在其他任何地方添加更多代码（如不能实现，说明一下不能实现的原因）。
尝试实现注释部分的Javascript代码，可在其他任何地方添加更多代码（如不能实现，说明一下不能实现的原因）：
var Obj = function(msg){
this.msg = msg
this.shout = function(){
alert(this.msg)
}
this.waitAndShout = function(){
//隔五秒钟后执行上面的shout方法
}
}
8.
请编写一个JavaScript函数，它的作用是校验输入的字符串是否是一个有效的电子邮件地址。
请编写一个JavaScript函数，它的作用是校验输入的字符串是否是一个有效的电子邮件地址。要求： a) 使用正则表达式。 b)
如果有效返回true ，反之为false。
11.
请编写一段JavaScript脚本生成下面这段DOM结构。要求：使用标准的DOM方法或属性。
请编写一段JavaScript脚本生成下面这段DOM结构。要求：使用标准的DOM方法或属性。
<div id=”example”> <p class=”slogan”>淘！你喜欢</p> </div>
13.
请简化以下的CSS代码，并给出简单的说明。
请简化以下的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.
对于下面这段js代码，回答下面的问题。
请编写一个通用的事件注册函数（请看下面的代码）。
function addEvent(element, type, handler)
{
// 在此输入你的代码，实现预定功能
}
15.
下面是个输入框，当没有获取焦点时，显示灰色的提示信息。 当用户输入时，隐藏提示文字，且恢复为默认色： 当输入框失去焦点，如果输入为空，需还原提示信息： 要求： a) 写出HTML和CSS代码 b) 用JavaScript实现功能
下面是个输入框
当没有获取焦点时，显示灰色的提示信息：
当用户输入时，隐藏提示文字，且恢复为默认色：
当输入框失去焦点，如果输入为空，需还原提示信息：
要求： a) 写出HTML和CSS代码 b) 用JavaScript实现功能
当没有获取焦点时，显示灰色的提示信息：
当用户输入时，隐藏提示文字，且恢复为默认色：
当输入框失去焦点，如果输入为空，需还原提示信息：
要求： a) 写出HTML和CSS代码 b) 用JavaScript实现功能
16.
请给JavaScript的String 原生对象添加一个名为trim 的原型方法，用于截取空白字符。
请给JavaScript的String 原生对象添加一个名为trim 的原型方法，用于截取空白字符。要求
alert(" taobao".trim()) // 输出 "taobao"
alert(" taobao ".trim()) // 输出 "taobao"
17.
请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象。
请编写一个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
19.
请指出下面代码中不符合xHTML 1.0规范的地方，说明理由，并写出改善后的代码。
请指出下面代码中不符合xHTML 1.0规范的地方，说明理由，并写出改善后的代码：
<h1><p>小明的表白</p></h1> <dl> <dt><p><div>小明说：</div></p></dt> <dd>”淘宝网，<i>天天上</i>。”</dd> <dd><b>”淘我喜欢！” </b></dd> </dl>
20.
请把以下用于连接字符串的JavaScript代码修改为更有效率的方式。
请把以下用于连接字符串的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>"
22.
请根据下面的描述，用JSON语法编写一个对象。
请根据下面的描述，用JSON语法编写一个对象:
“小明今年22岁，来自杭州。兴趣是看电影和旅游。他有两个姐姐，一个叫小芬，今年25岁，职业是护士。还有一个叫小芳，今年23岁，是一名小学老师。”
var person = ?
var person = ?
23.
请改善以下HTML代码，使其符合xHTML 1.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>
