前端开发测试题（一）

最新推荐文章于 2025-05-26 14:43:34 发布

weixin_34179968

最新推荐文章于 2025-05-26 14:43:34 发布

阅读量602

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript 面试 ViewUI

原文链接：https://segmentfault.com/a/1190000014874103

本文精选了一系列前端面试题目，包括选择题、填空题及问答题，涵盖了CSS样式、JavaScript操作及HTML5特性等内容，旨在帮助读者更好地准备前端面试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一选择题（共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.请使用正则表达式验证会员的手机号是否符合规则，号段：134、139、145、147、150、159的手机号码符合规则。

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

随记：分享是快乐的。18年三月份，因为工作的变动，我陆续的面试了几家公司。上面的这份不是我的面试题目，是hr面试的时候随带附件给我的。我现在先贴出题目，后续有时间我再贴上个人的“参考答案”；希望对路过的同学有所帮助咯~