[讨论] 阿里巴巴招聘第一题我是这么答的 [复制链接]

帖子: 288
体力: 1191
威望: 0
居住地: 陕西省西安市

发表于 2008-1-14 10:26:11 |显示全部楼层

阿里巴巴招聘第一题我是这么答的，小小的创意，请大家PP

提示：您可以先修改部分代码再运行

只要心中充满爱,就会被关怀!

西部数码顶级域名注册商39元抢注！

租服务器，上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

simplewebs　

金牌会员

帖子: 6756
体力: 4190
威望: 0

发表于 2008-1-14 10:30:20 |显示全部楼层

应该是要box里面有内容吧？

Simpledc.com

W3CSS　

宇天蓝

帖子: 1348
体力: 1999
威望: 0
居住地: 甘肃省兰州市

发表于 2008-1-14 11:04:18 |显示全部楼层

测试

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<style type="text/css">

</style>
</head>
<body>
<div class="stylea stya"><a href="">A</a></div>
<div class="styleb styb"><a href="">B</span></a></div>
<div class="stylec">C</div>
</body>
</html>

提示：您可以先修改部分代码再运行

天宝斋书画网CNTBZ.COM

daoying2000　

borchert

帖子: 689
体力: 2791
威望: 0

发表于 2008-1-14 11:42:43 |显示全部楼层

什么问题，、

thelucky　

帖子: 149
体力: 184
威望: 0
居住地: 广东省深圳市

发表于 2008-1-15 10:56:37 |显示全部楼层

http://job.aliued.com/race/chooseRace/wd.html

ALIBABA的这个招聘

xincss.com

zergine　

猫子小宁

帖子: 508
体力: 2342
威望: 30
居住地: 浙江省杭州市

发表于 2008-1-15 11:05:17 |显示全部楼层

楼主这个答法后面的js题就有点困难了

alite　

初级会员

帖子: 89
体力: 189
威望: 1
居住地: 重庆市北碚区

发表于 2008-1-15 11:53:39 |显示全部楼层

提示：您可以先修改部分代码再运行

我的，虽然很菜,还是贴上来,也起个叫啥抛砖引玉的作用吧...
高手的引出来,引出来....

udbyygy　

心肠大大滴好

帖子: 1221
体力: 9084
威望: 4

发表于 2008-1-15 12:09:10 |显示全部楼层

提示：您可以先修改部分代码再运行

[ 本帖最后由 udbyygy 于 2008-1-15 12:10 编辑 ]

[wma]http://jie.splan.cn/ggldl/梅艳芳.mp3[/wma]

udbyygy　

心肠大大滴好

帖子: 1221
体力: 9084
威望: 4

发表于 2008-1-15 12:27:10 |显示全部楼层

固定布局好办,但要在不同分辨率,不同浏懒器下保持这样的布局,三个DIV是不够滴,在FF下我这个间格就大了

[wma]http://jie.splan.cn/ggldl/梅艳芳.mp3[/wma]

udbyygy　

心肠大大滴好

帖子: 1221
体力: 9084
威望: 4

发表于 2008-1-15 13:24:59 |显示全部楼层

在不改变第一题的情况下,加上<SCRIPT>后成了第二题

<!DOCTYPE html PUBLIC"-//qq8697865//史诺比//ZH" "http://www.w3c.org/tr/html4/strict.dtd">
<html><head><title></title>
<script language="javascript">
var jj=3
function mouse_1(a){
jj++
document.getElementsByTagName("div")[a].style.zIndex=jj
document.getElementsByTagName("div")[a].style.width=(document.getElementsByTagName("div")[a].offsetWidth * 1.25)+"px"
document.getElementsByTagName("div")[a].style.height=(document.getElementsByTagName("div")[a].offsetHeight * 1.25)+"px"
document.getElementsByTagName("div")[a].style.background="red"
}
function mouse_2(a){
document.getElementsByTagName("div")[a].style.width=(document.getElementsByTagName("div")[a].offsetWidth / 1.25)+"px"
document.getElementsByTagName("div")[a].style.height=(document.getElementsByTagName("div")[a].offsetHeight / 1.25)+"px"
document.getElementsByTagName("div")[a].style.background="#aaa"
}

}
</script>
<style type="text/css">
*{padding:0px auto;margin:0px auto;}
.a1,.a2,.a3{background-color:#aaa;margin:5px;}
.a1{width:20%;height:200px;float:left}
.a2{width:77%;height:310px;float:right}
.a3{width:20%;height:100px;float:left}
</style>
</head>
<body onload="aaload()">
<div class="a1"></div>
<div class="a2"></div>
<div class="a3"></div>
</body>
</html>

提示：您可以先修改部分代码再运行

[wma]http://jie.splan.cn/ggldl/梅艳芳.mp3[/wma]

W3CSS　

宇天蓝

帖子: 1348
体力: 1999
威望: 0
居住地: 甘肃省兰州市

发表于 2008-1-15 13:33:14 |显示全部楼层

不会js的膜拜一下...
貌似不可以在body中写onload="aaload()"的吧~~

天宝斋书画网CNTBZ.COM

zergine　

猫子小宁

帖子: 508
体力: 2342
威望: 30
居住地: 浙江省杭州市

发表于 2008-1-15 13:56:21 |显示全部楼层

原帖由 W3CSS 于 2008-1-15 13:33 发表
不会js的膜拜一下...
貌似不可以在body中写onload="aaload()"的吧~~

不是不能写,是不推荐而已,改成
window.onload=aaload;
也一样~

chenn　楼主

帖子: 288
体力: 1191
威望: 0
居住地: 陕西省西安市

发表于 2008-1-15 14:15:33 |显示全部楼层

呵呵只是给忽然之间觉得这样写很简单嘛

只要心中充满爱,就会被关怀!

udbyygy　

心肠大大滴好

帖子: 1221
体力: 9084
威望: 4

发表于 2008-1-15 14:39:29 |显示全部楼层

if(i==1){x+=5;}
这句忘了拿掉,晕

[wma]http://jie.splan.cn/ggldl/梅艳芳.mp3[/wma]

alou　

小娄

帖子: 409
体力: 1682
威望: 0

发表于 2008-1-15 15:45:33 |显示全部楼层

与阿里巴巴心目中要招的人还有一定距离

小娄

osmn00　

竹馥堂主

帖子: 222
体力: 117
威望: 2
居住地: 广东省珠海市

发表于 2008-1-15 17:34:24 |显示全部楼层

考的是自适应高度，高度不是固定的

www.osmn00.com

osmn00　

竹馥堂主

帖子: 222
体力: 117
威望: 2
居住地: 广东省珠海市

发表于 2008-1-15 19:09:41 |显示全部楼层

上面俺发的帖子说错了，没仔细看题。俺已经答完发过去鸟

www.osmn00.com

comesoft　

一揪

高级会员

帖子: 89
体力: 615
威望: 0
居住地: 广东省深圳市

发表于 2008-1-16 01:02:18 |显示全部楼层

我想到一个和大家不一样的办法。

提示：您可以先修改部分代码再运行

用边框来实现白色分割区，看了第二题以后，还没想到如何用JS来做比较好。留着慢慢思考，大家也给个好的办法！

5分钟后。。。。。。。大概又想了下， JS可不可以考虑将A区的DIV 复制一个，然后用定位方法以左上角为基点，重新设置其长宽，具体写法明天再研究。留给高手来做了HOHO

[ 本帖最后由 comesoft 于 2008-1-16 01:07 编辑 ]

http://www.51toria.cn

cycloned　

程让

钻石会员 

帖子: 1668
体力: 7009
威望: 1

发表于 2008-1-16 08:43:21 |显示全部楼层

题目是要求放大内容看的吧，应该不是简单的变个尺寸。
应该用到ZOOM

guochaosun　

中级会员

帖子: 76
体力: 298
威望: 0
居住地: 北京市

发表于 2008-1-16 09:19:26 |显示全部楼层

解不开，好难啊！

zehee　

中黑

金牌会员 

帖子: 3505
体力: 3102
威望: 10
居住地: 北京市朝阳区

发表于 2008-1-16 10:34:24 |显示全部楼层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Zehee的答案</title>
<style type="text/css">

</style>
<script type="text/javascript">
/*准备onload载入函数 ---------- 来自Simon Willison*/
function onloads(func){
  var oldonload = window.onload;
  if (typeof window.onload != 'function'){
    window.onload = func;
  }else{
    window.onload = function(){
      oldonload();
      func();
    }
  }
} 
/* 编写鼠标经过放大的----通用函数 */
function OMOzoom(tid){
  var tids = document.getElementById(tid);
  var twidth = tids.clientWidth;	
  var theight = tids.clientHeight;
  var OMOwidth = Math.round(twidth*5/4); //题目中是指面积增大25% ？保留 
  var OMOheight = Math.round(theight*5/4);
  tids.onmouseover = function(){
    this.style.width = OMOwidth + "px";
    this.style.height = OMOheight + "px";
    this.className = "OMO";
  }
  tids.onmouseout = function(){
    this.style.width = twidth + "px";
    this.style.height = theight + "px";
    this.className = "OMT";
  }
}
/* 将需要放大的对象----应用放大函数 */
function needzoom(){
  OMOzoom("main");
  OMOzoom("sidebarA");
  OMOzoom("sidebarB");
}
/* 载入 */
onloads(needzoom);
</script>
</head>
<body>
<div id="main" class="OMT"></div>
<div id="sidebarA" class="OMT"></div>
<div id="sidebarB" class="OMT"></div>
</body>
</html>

提示：您可以先修改部分代码再运行

tudou527　

地瓜

中级会员

帖子: 154
体力: 497
威望: 1
居住地: 浙江省杭州市

发表于 2008-1-16 10:41:01 |显示全部楼层

我觉得楼上的还是有点问题的，如果单单是放大某个区域视乎意义不太大，既然是放大我认为应该是区域和里面的内容一起放大。

zehee　

中黑

金牌会员 

帖子: 3505
体力: 3102
威望: 10
居住地: 北京市朝阳区

发表于 2008-1-16 10:53:48 |显示全部楼层

原帖由 tudou527 于 2008-1-16 10:41 发表
我觉得楼上的还是有点问题的，如果单单是放大某个区域视乎意义不太大，既然是放大我认为应该是区域和里面的内容一起放大。

.OMT { background:#cdd8da; z-index: 1; }
.OMO { background: #B6C6C9; z-index: 9999; }

这两个样式，分别是鼠标离开，和鼠标经过时该区域的样式变换。
如果需要内容的样式变换，完全可以加在.OMO { background: #B6C6C9; z-index: 9999; }样式中。
比如：鼠标经过时字号变大可以添加相应的font-size属性。

comesoft　

一揪

高级会员

帖子: 89
体力: 615
威望: 0
居住地: 广东省深圳市

发表于 2008-1-16 11:32:41 |显示全部楼层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#leftTop{width:100px; height:200px; background-color:#CCCCCC; border-right:10px solid #FFFFFF; border-bottom:10px solid #FFFFFF;}
#leftBottom{width:100px; height:150px; background-color:#CCCCCC; border-right:10px solid #FFFFFF; }
#box{ position:relative;width:400px; margin-left:10px; height:360px; background-color:#CCCCCC;}
.c{border-width:10px; border-style:solid; border-color:#EEEEEE; position:absolute; visibility:visible;}
</style>
</head>
<body>
<div id="box">
<div id="leftTop" onmousemove="show()" onmouseout="closediv()">aaaaaaa</div>
<div id="leftBottom"></div>
</div>
<script language="javascript">
var a=document.getElementById("leftTop");
var box=document.getElementById("box");
var aa=a.cloneNode(true);
aa.setAttribute("id","aa");
aa.style.width=200+"px";
aa.style.height=250+"px";
aa.style.backgroundColor="#CCCCCC";
aa.style.fontSize=20+"px";
aa.style.borderBottomWidth=10+"px";
aa.style.borderBottomStyle="solid";
aa.style.borderBottomColor="#FFFFFF"
aa.style.borderRightWidth=10+"px";
aa.style.borderRightStyle="solid";
aa.style.borderRightColor="#FFFFFF"
aa.style.position="absolute";
aa.style.left=0;
aa.style.top=0;
aa.style.zIndex=999;
box.insertBefore(aa,a);
aa.style.visibility="hidden";
function show(){
aa.style.visibility="visible";
}
function closediv()
{
aa.style.visibility="hidden";
}
</script>
</body>
</html>

提示：您可以先修改部分代码再运行

将JS也写出来了。

http://www.51toria.cn

tudou527　

地瓜

中级会员

帖子: 154
体力: 497
威望: 1
居住地: 浙江省杭州市

发表于 2008-1-16 11:37:28 |显示全部楼层

楼上的右边貌似是个没用的区域，内容不会出现在那里。

JS还不知道这么写

提示：您可以先修改部分代码再运行

[ 本帖最后由 tudou527 于 2008-1-16 11:39 编辑 ]

osmn00　

竹馥堂主

帖子: 222
体力: 117
威望: 2
居住地: 广东省珠海市

发表于 2008-1-16 11:46:02 |显示全部楼层

得了，把俺做的答案也贴出来吧

第一题演示页面：http://yy.gs/p/ue-1.html

第二题演示页面：http://yy.gs/p/ue-2.html

www.osmn00.com

zergine　

猫子小宁

帖子: 508
体力: 2342
威望: 30
居住地: 浙江省杭州市

发表于 2008-1-16 11:57:23 |显示全部楼层

我觉得题目的立意应该是放在javascript的封装上面
另阿里国际的HR反馈速度相当快啊

osmn00　

竹馥堂主

帖子: 222
体力: 117
威望: 2
居住地: 广东省珠海市

发表于 2008-1-16 12:00:48 |显示全部楼层

原帖由 zergine 于 2008-1-16 11:57 发表
我觉得题目的立意应该是放在javascript的封装上面
另阿里国际的HR反馈速度相当快啊

回复快？晕，我答的题今天还没消息

www.osmn00.com

zehee　

中黑

金牌会员 

帖子: 3505
体力: 3102
威望: 10
居住地: 北京市朝阳区

发表于 2008-1-16 12:04:34 |显示全部楼层

回复 #28 osmn00 的帖子

那么多答卷当然不会都回复。明白？

artofmine　

帖子: 638
体力: 2509
威望: 3

发表于 2008-1-16 13:29:13 |显示全部楼层

不知道是不是阿里巴巴的每个页面都是这样的要求或者大多数

我总觉得阿里巴巴是在炒作自己把问题的难度刻意拔高好提升他们公司的声誉让别人觉得阿里巴巴的员工就是牛屄什么样的难题都能解决但是实际工作的时候恐怕一年都遇不到这样的难题遇到了也不一定要这样处理

理智的人要尽量绕开难题而不是攻克多少难题如果明知山有虎偏向虎山行那么问题什么时候才能解决

我以前的一个同事他说把结构理清就会大量的减少hack 和会使用很多hack的人相比我更觉得我那个同事更从理智

[url=http://www.art-mic.com]www.art-mic.co