破洛洛首页

破洛洛论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 4779|回复: 5

[面试题] 阿里巴巴web前端开发面试题(附答案)

  [复制链接]

903

主题

1714

帖子

5万

积分

管理员

Rank: 9Rank: 9Rank: 9

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主论坛元老

发表于 2012-6-6 16:12:37 | 显示全部楼层 |阅读模式
分三部分:CSS部分,JavaScript部分,紧急处理部分
第一部分:用CSS实现布局
让我们一起来做一个页面
首先,我们需要一个布局。
请使用CSS控制3个div,实现如下图的布局。

4133f49976fc9ff9d59a568e6746c5bb.jpg



第二部分:用javascript优化布局
由于我们的用户群喜欢放大看页面
于是我们给上一题的布局做一次优化。
当鼠标略过某个区块的时候,该区块会放大25%,
并且其他的区块仍然固定不动。
230957b7cccbbb7ada4b772502f13fbc.jpg


提示:
也许,我们其他的布局也会用到这个放大的效果哦。
可以使用任何开源代码,包括曾经你自己写的。

关键字:
javascript、封装、复用

第三部分:处理紧急情况

好了,我们的页面完成了。
于是我们将页面发布上网。
突然,晴天霹雳,页面无法访问了,这时候,你会怎么做?
答案:
第一题:主要考虑几个问题:1. IE6 的 3 像素 BUG;2. 清楚浮动;
复制内容到剪贴板


  • div{background:#CCCCCC;}
  • #first{float:left;width:100px; height:150px}
  • #second{clear:left;float:left;margin-top:10px;width:100px;height:150px}
  • #third{zoom:1; width:200px;margin-left:110px;_margin-left:107px; height:310px}




第二题:用javascript优化布局

提示:

也许,我们其他的布局也会用到这个放大的效果哦。

可以使用任何开源代码,包括曾经你自己写的。

关键字:javascript、封装、复用
CSS Code复制内容到剪贴板


  • body{ margin:0; padding:0}
  • div{background:#CCCCCC; position:absolute}
  • #first{width:100px; height:150px}
  • #second{top:160px;width:100px;height:150px}
  • #third{ width:200px; height:310px; left:110px}



JavaScript Code复制内容到剪贴板


  • function zoom(id,x,y){ // 设置缩放函数参数:容器id、横向缩放倍数、纵向缩放倍数(等比例缩放时也可以设定一个参数)
  • var obj=document.getElementById(id); // 获取元素对象值
  • var dW=obj.clientWidth; // 获取元素宽度
  • var dH=obj.clientHeight; // 获取元素高度
  • //var oTop=obj.offsetTop;
  • //var oLeft=obj.offsetLeft;
  • obj.onmouseover=function(){ // 鼠标移入
  • this.style.width=dW*x+"px"; // 横向缩放
  • this.style.height=dH*y+"px"; // 纵向缩放
  • this.style.backgroundColor="#f00″; // 设置调试背景
  • this.style.zIndex=1; // 设置z轴优先
  • }
  • obj.onmouseout=function(){ // 鼠标移出,设回默认值
  • this.style.width="";
  • this.style.height="";
  • this.style.padding="";
  • this.style.backgroundColor="";
  • this.style.zIndex="";
  • }
  • }
  • zoom("first",1.25,1.25);
  • zoom("second",1.25,1.25);
  • zoom("third",1.25,1.25);


回复

使用道具 举报

1199

主题

1万

帖子

3万

积分

版主

Rank: 7Rank: 7Rank: 7

社区QQ达人活跃会员热心会员灌水之王优秀版主论坛元老优秀女会员优秀版主特别贡献

发表于 2012-9-12 22:27:34 | 显示全部楼层
不懂的路过。。。
回复 支持 反对

使用道具 举报

0

主题

59

帖子

326

积分

注册会员

Rank: 2

社区QQ达人

发表于 2012-12-23 17:44:27 | 显示全部楼层
       如今互联网在全球不断的扩张,他的经济效益在不断的冲击着当代人的生活,如今各种在网上创业的朋友不断的兴起,仁者见仁智者见智,我本人也在网上学到不少关于在网上创业赚钱的小点子,现在分享给大家:
   淘宝客可谓是近些年来一直都比较吃香的网赚项目之一,因为它易操作,推广方式灵活,你可以通过建设网站操作推广,也可以利用QQ群或博客来推广。
  定向流量顾名思义,也就是有针对性的流量,比如咱们要做的是购物站点,所以我们主要针对的就是需要购物的人群,而需要在线看电影或是玩游戏来的流量则对我们的网站毫无用处。定向流量也能叫高质量流量,而高质量流量带来的就是高转换率。那么如何才能做好这方面的工作呢?
  ★方法一:利用长尾关键字
  长尾关键字大家都不陌生,长尾词是最容易带来定向流量的方法之一。利用淘宝客单页来专门做长尾词。首先我们先要从自己单页所要推广的产品下手,选择一些热度不高,但是质量很好的长尾词,比如说我们要推广的“汉芳美容护肤品”,我们在选取关键字时就可以针对护肤品这三个字进行,选好了关键字,接下来就是优化它,让它有排名,优化排名方面,由于是热度极低的词,所以也不算难,我们可以利用一些权重较高的BBS,如A5论坛,落伍者等,做上关键字的描文本连接,每天发一些外链,我相信再结合网站内容的坚持更新,不出半月排名就能有很大的上升。
  ★方法二:利用QQ群带来定向流量
  QQ群推广谁不知道,大家可能会这么说,但是很多站长在利用QQ群推广网站时往往为了省事往往选择使用群发软件,虽然说这样效率高,但是效果可能会极差,因为一大半的人看都不会看你的信息就关掉了聊天窗口。我的建议是,舍效率取效果。我们在QQ群中宣传自己的网站时最好别一进群就开始发广告,先要和群里的人打成一片,慢慢搞熟关系,然后等待时机成熟,再用第三方的方式来宣传自己的网站,这样既能增加网站内容可信度,还能获取不少真正有用的定向流量,绝对“一石二鸟”。
  ★方法三:利用软文进行推广
  说到软文,大家可能会觉得难写和麻烦,其实写作软文并不麻烦,比如说我要推广的是汉芳这个品牌的护肤品,我们就可以写一些关于护肤过程的文章,再在其中加入AD,当然也不能太明显,还得用第三方人称来推广。另外一篇好的软文,相当于成千上万的定向流量。当然很多朋友会说软文是写出来了,但是感觉效果不太明显,其实问题一般都出在软文本身或是发布网站上,上面我也强调过,软文始终是软文,不能有太浓的广告味,不然就称不上软文了,至于软文写好后最终的发布的网站,建议最好是发布在和推广商品吻合度比较高的地方,比方说我们推广的是化妆品或保养品,我们就可以到瑞丽女性网的论坛上发布软文,这样才能最大的发挥软文的功效。
本文由山西大同SEO :http://www.19hufu.com 整理,转载请注明出处!谢谢。
回复 支持 反对

使用道具 举报

5

主题

67

帖子

138

积分

注册会员

Rank: 2

发表于 2013-2-3 10:38:53 | 显示全部楼层
这方面 本人不懂
http://www.tianqidaobo.com/
回复 支持 反对

使用道具 举报

0

主题

145

帖子

163

积分

注册会员

Rank: 2

发表于 2014-9-10 11:59:39 | 显示全部楼层
好帖要顶,楼主的头像还是不错滴
回复 支持 反对

使用道具 举报

0

主题

145

帖子

163

积分

注册会员

Rank: 2

发表于 2014-11-13 18:52:03 | 显示全部楼层
好帖要顶,楼主的头像还是不错滴
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|破洛洛 ( 黔ICP备14000367号  |版权声明

GMT+8, 2018-12-13 17:23 , Processed in 0.224328 second(s), 32 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表