金蝶校园招聘笔试试题
前端开发类
考生姓名：余成手机号码：134********
毕业院校：武汉理工大学笔试成绩：
考试说明：
1、本试题属于公司机密，请您在考试结束时务必将试卷交还给工作人员；
2、请直接在试卷上作答；
3、本试题包括选择题（单选、多选）、判断题、填空题，满分为100分，考试时间
为40分钟。
第一部分单选题（共20分）
1、选出你认为最合理的定义标题的方法 C
(A)
文章标题
(B) 文章标题
(C)
(D) 文章标题
2、以下哪个写法符合XHTML要求？ B
(A) some text
(B) some text
(C) 
(D)
3、下列哪个样式定义后，内联元素可以定义宽度和高度 C
(A) display:inline (B) display:none (C) display:block (D) display:inheric
4、对于一个div，如果有以下选择器，则哪个选择器的优先级最高？ B
(A) div.b.c (B) div#e (C) div.d (D) .a .b div
5、以下代码：
var a = 10;
function fn(){
alert(2 * a);
var a = 20;
alert(a);
}
fn();
输出结果为？ B
(A) 40 20
(B) 20 20
(C) NaN 20
(D) undefined 20
第二部分填空题（共20分）
1、有上下两个div，上面一个div的margin-bottom为10px，下面一个div的margin-top 为5px，那么这两个div垂直间距为 ____10____ px。
2、如果想设置表格单元格之间的边框合并在一起，可以用
设置__ 来实现。
3、CSS中超链接伪类（4种）的定义顺序是a:link a:visited a:hover a:active
4、以下语句：
var a = parseInt('01');
alert(a);
var b = parseInt('09/08/2009');
alert(b);
输出结果为 _____1____， _____9_____
第三部分代码实现（共40分）
1、现有HTML：
CSS：
ul {background:green;padding-bottom:10px}
li {float:left;background:yellow}
请在不添加额外标签的情况下清除浮动（即使得li的下边框距离容器ul的下边框10像
素），写出相关的CSS语句。
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;hei ght:0}
.clearfloat{zoom:1}
2、实现以下新闻列表效果图，要求新闻标题过长时，超出部分截断，但时间必须显示完整，使用合理的结构方便程序输出，纯CSS布局，兼容主流浏览器（至少需考虑IE6兼容性）。
（相关数据：总宽度200px，边框1px，内补白10px，字体12px，标题与时间相隔10px，列表高度20px，时间长度大约30px）
.news{width:180px;border: 1px solid black; padding: 10px;}
.news li{height:20px; line-height: 20px;}
.title{float: left; margin-right: 10px; max-width: 140px; overflow: hidden; font-size: 12px;}
.time{float: left;width: 30px; font-size: 12px;}
11:11:21
3、现在需实现以下功能：页面中依次排列10个input输入框，当用户点击某个输入框时，提示该输入框的位置（如第一个输入框位置为0，依次类推），某同事实现了以下代码：
for (var i = 0; i < 10; i++) {
var input = document.createElement('input');
input.onclick = function(){alert(i);};
document.body.appendChild(input);
}
请问该同事的代码能否满足需求？如不能，请写出你的解决方案。
不能，
将第三行改成input.onclick = (function(i){
return function(){
alert(i);
};
})(i);
4、判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20
第四部分简答题（1题共20分）
1、请尽可能多地列出前端优化的方法。
①.将CSS样式表放在顶部
②.将javascript脚本放在底部
③.使用外部javascript和CSS
④.尽量减少HTTP请求
⑤.利用浏览器缓存你的js和CSS文件
⑥.把.js 库文件地址替换成Google CDN的地址
⑦.GZIP压缩你的 JS和CSS文件
⑧.优化网站图片的体积