前端开发测试题（一）

一选择题（共25分，每题5分）
1.CSS样式的几种连接方式，哪一种优先级最高？
A．@import样式导入 B. <style>页面内联
C．<link>页面外链 D. style结构内嵌

2.使用Javascript在数组尾部添加数据的方法是？
A．arrayObj.pop(); B. arrayObj.push();
C．arrayObj.shift(); D. arrayObj.unshift();

3.做为构造器进行调用时this指针指向哪里？
A．指向该方法的全部者 B. 指向的是window对象
C．指向函数的某一个参数 D. 指向函数的引用对象

4.var test = (function(a){
this.a = a;
return function(b){return this.a + b;}
}(function(a,b){return a;}(11,45)));
var result = test(7);请问result等于多少？
A．18 B. 38
C．52 D. 56
5.var a = 1;setTimeout(function(){alert(a);a = a+1},1001);a = 3; 此时浏览器alert内容为？
A．1 B. 2
C．3 D. 4
填空题（共25分，每题5分）
1.HTML5新特性有__________、_________、_________、_________、_________。

2.CSS3新增伪类有__________、__________、__________、__________、__________。

3.Javascript有__________、__________、__________、__________、__________数据类型。

4.强制类型转换有__________、__________、__________，隐式类型转换有__________、__________。

5.Javascript建立对象的模式__________、__________、__________、__________、__________。

二问答题（共50分，每题10分）
1.移动端页面中，实现四个（综合下面第二题，可能有多个）栏目平均分配一个Content，菜单需在页面中漂浮并上下左右居中，如何实现，写出重点代码和思路？

2.写一个checkMember()方法AJAX请求member.html，成功获取JSON格式数据：{"memberType":"X"}，返回一个isMember的值，若是isMember=1,则在中间位置添加会员栏目，以下图

3.点击右上角关闭按钮或空白区域可隐藏此菜单，这样作的话会有可能会出现什么现象？如何规避？

4.请使用 正则表达式 验证会员的手机号是否符合规则，号段：13四、13九、14五、14七、150、159的手机号码符合规则。

5.以前的项目中使用了什么前端方法对页面性能进行优化？

随记：分享是快乐的。18年三月份，由于工做的变更，我陆续的面试了几家公司。上面的这份不是个人面试题目，是hr面试的时候随带附件给个人。我如今先贴出题目，后续有时间我再贴上我的的“参考答案”；但愿对路过的同窗有所帮助咯~