2014阿里前端线上笔试题

8月20号阿里巴巴前端岗位校园招聘的线上笔试题，因为是面向2014界的应届生，哥不符合要求了，但也看了看题，哥也不是什么前端大拿，必然无法评价题的质量了，不过玉伯，寒冬等大拿都评价题还是不错的，区分度很好，由于题目是随机的，囧。自码答案，有误欢迎指正，部分问题还没添加答案~

No.1

下图绿色区域的宽度为100%，其中有三个矩形，第一个矩形的宽度是200px，第二个和第三个矩形的宽度相等。请使用css3中的功能实现它们的布局。



已知html结构是：

<div>
 <div>column 1</div>
 <div>column 2</div>
 <div>column 3</div>
</div>

No.2

有两个盒子 A、B，B 在 A 盒子中，它们的 css 是这么定义的：

A {
position:relative;
width:500px;
height: 500px;
background-color:green;
}
B {
position:absolute;
max-width:300px;
max-height:300px;
background-color:blue;
}

如何实现 B 在 A 中水平方向和垂直方向居中

No.3

经常在SNS中看到如下图所示的功能：



请通过代码完成它，它至少应该：

1. 良好结构、语义化的HTML

2. 兼容主流的浏览器；

3. JS应该包括： 1) 实时计数功能 2)校验字数限制 3) 防止重复提交；

4. 如果时间所限，无法100%，但请说明实现方案及思路；

No.4

//现有代码如下:

function test() {
var a = 1;
setTimeout(function() {
alert(a);
a = 3;
}, 1000);
a = 2;
setTimeout(function() {
alert(a);
a = 4;
}, 3000);
}
test();
alert(0);

//请注意,代码中有三处alert.他们分别会alert出什么值,时间上的顺序是怎样的?

//请详述得到这个答案的原因,特别是test函数的局部变量a是对运行结果的影响.

No.5

当我们使用CSS3新属性，比如：box-shadow或者transition时，我们怎么检测浏览器是否支持这些属性？

请设计一个javascript函数，该函数接受一个CSS属性名作为参数，并返回一个boolean值，表明浏览器是否支持这个属性。

No.6

如果你现在使用的是 Google Chrome 或 Apple Safari，如何让 input 元素在默认情况下显示 “alipay WD Team”，而在光标移入后则显示空白？

http://blog.tianya.cn/post-5124961-64262559-1.shtml
http://blog.tianya.cn/post-5124961-64262708-1.shtml
http://blog.tianya.cn/post-5124961-64262828-1.shtml
http://blog.tianya.cn/post-5124961-64262986-1.shtml
http://blog.tianya.cn/post-5124961-64263179-1.shtml
http://blog.tianya.cn/post-5124961-64263358-1.shtml
http://blog.tianya.cn/post-5124961-64263500-1.shtml
http://blog.tianya.cn/post-5124961-64263643-1.shtml
http://blog.tianya.cn/post-5124961-64263821-1.shtml
http://blog.tianya.cn/post-5124961-64264060-1.shtml
http://blog.tianya.cn/post-5124961-64264242-1.shtml
http://blog.tianya.cn/post-5124961-64264749-1.shtml
http://blog.tianya.cn/post-5124961-64264937-1.shtml
http://blog.tianya.cn/post-5124961-64265215-1.shtml
http://blog.tianya.cn/post-5124961-64265428-1.shtml
http://blog.tianya.cn/post-5124961-64265783-1.shtml
http://blog.tianya.cn/post-5124961-64265936-1.shtml
http://blog.tianya.cn/post-5124961-64266230-1.shtml
http://blog.tianya.cn/post-5124961-64267045-1.shtml
http://blog.tianya.cn/post-5124961-64267238-1.shtml
http://blog.tianya.cn/post-5124961-64267422-1.shtml
http://blog.tianya.cn/post-5124961-64267609-1.shtml
http://blog.tianya.cn/post-5124961-64267946-1.shtml
http://blog.tianya.cn/post-5124961-64268394-1.shtml
http://blog.tianya.cn/post-5124961-64268500-1.shtml
http://blog.tianya.cn/post-5124961-64268619-1.shtml
http://blog.tianya.cn/post-5124961-64273023-1.shtml
http://blog.tianya.cn/post-5124961-64273238-1.shtml
http://blog.tianya.cn/post-5124961-64273617-1.shtml
http://blog.tianya.cn/post-5124961-64273819-1.shtml
http://blog.tianya.cn/post-5125321-64274331-1.shtml
http://blog.tianya.cn/post-5125321-64274617-1.shtml
http://blog.tianya.cn/post-5125321-64275195-1.shtml
http://blog.tianya.cn/post-5125321-64275317-1.shtml
http://blog.tianya.cn/post-5125321-64275642-1.shtml
http://blog.tianya.cn/post-5125321-64276166-1.shtml
http://blog.tianya.cn/post-5125321-64276426-1.shtml
http://blog.tianya.cn/post-5125321-64276588-1.shtml
http://blog.tianya.cn/post-5125321-64276800-1.shtml
http://blog.tianya.cn/post-5125321-64276952-1.shtml
http://blog.tianya.cn/post-5125321-64277153-1.shtml
http://blog.tianya.cn/post-5125321-64277282-1.shtml
http://blog.tianya.cn/post-5125321-64277434-1.shtml
http://blog.tianya.cn/post-5125321-64277639-1.shtml
http://blog.tianya.cn/post-5125321-64278564-1.shtml
http://blog.tianya.cn/post-5125321-64278728-1.shtml
http://blog.tianya.cn/post-5125321-64278974-1.shtml
http://blog.tianya.cn/post-5125321-64279432-1.shtml
http://blog.tianya.cn/post-5125321-64279721-1.shtml
http://blog.tianya.cn/post-5125321-64280038-1.shtml
http://blog.tianya.cn/post-5125321-64280567-1.shtml
http://blog.tianya.cn/post-5125321-64280740-1.shtml
http://blog.tianya.cn/post-5125321-64280910-1.shtml
http://blog.tianya.cn/post-5125321-64281060-1.shtml
http://blog.tianya.cn/post-5125321-64281192-1.shtml