【飞牛网2015校园招聘】WEB前端开发工程师 笔试题

1.W3C标准是什么？xhtml、css、javascript的作用是什么，在开发过程中如何结合？

2.请看图，写出对应的布局和统一css样式 宽高94px，每一单元格宽30px 边框为1px 前提：不能用table来布局和尽量写少点css来控制（重点）



3.请看如下代码，请用js或jq方法获取html5自定义属性age和userName的值

<div id="test1" data-age="20"></div>
<div id="test2" data-user-name="feiniu"></div>

4.请看如下代码，请指出问题所在并修正，为什么（下面代码是有问题的）
<script type="text/javascript">
var objFun = function(msg){
this.msg=msg;
this.shout=function(){
alert(this.msg);
};
this.waitShout=function(){
setTimeOut(this.shout,2000);
};
};

var obj=new objFun("你好！");
obj.waitShout();
</script>

5.请实现一个浮层demo：
这是一个盖在页面上的浮层，上下左右居中；浮层展示时，页面不可滚动；背景遮罩透明度0.5 颜色"#000"

浏览器窗口缩小时，浮层跟着缩小，最小（320px）；窗口放大，浮层跟着放大，最大（650px）；

尽可能用html5/css3方式写，可以不支持IE

6.使用原声javascript给下面列表中的结点绑定点击事件，点击时创建一个Object对象，兼容IE和标准浏览器

HTML：

<ul id="nav">
<li><a href="http://m.feiniu.com/tg/brand.htm">品牌团</a></li>
<li><a href="错误！超链接引用无效。">整点聚</a></li>
<li><a href="错误！超链接引用无效。">聚家装</a></li>
<li><a href="http://m.feiniu.com/jusp/liangfan/tp.html">量贩团</a></li>
</ul>Object：
{
"index":1, //序号
"name":"品牌团",
"link":"http://m.feiniu.com/tg/brand.html"
}

7.假设有一个池塘，里面有无穷多的水，现有2个空瓶，容积分别为5L和6L。怎么样用两个瓶从池塘里取得3L的水？
8.1瓶啤酒1块钱，2个空瓶可以换1瓶酒，问10块钱可以喝多少瓶酒？20块钱？200块钱？请写出你的思想或者函数方式

9.请写一个函数showDate，返回当前的日期信息，例如：“今天是xxxx年xx月xx日星期三xx时xx分xx秒”

10.请使用原生js实现一个拖拽碰撞组件

1）页面上两个div，宽高都为200px；背景分别为“#c60000”和“#f60”

2）实现可在页面拖拽的效果

3）检测拖拽过程中两个div是否发生碰撞，如果是返回true