前端面试题面试题

2024-12-17

前端面试题面试题（精选8篇）

前端面试题面试题篇1

1.自我评价一下HTML/CSS/JS的掌握情况

2.简述HTML经常使用的标签和作用。

Div/a/p/span/li/ul/ol/table/tr/td

3.你认为最常遇到的兼容Bug有哪些?有哪些问题是你认为解决起来最麻烦的?

IE6 PNG

IE6 Fixed

4.块级元素和行内元素都有哪些? 行内元素有哪些特点?

5.介绍所知道的CSS hack技巧(如：_，*，+，9，!important 之类)

6.CSS定位方式有哪些?position属性的值有哪些?他们之间的区别是什么?

在CSS中关于定位的内容是：position:relative | absolute | static | fixed

 static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。 relative 不脱离文档流，参考自身静态位置通过 top,bottom,left,right 定位，并且可以通过z-index进行层次分级。

 absolute 脱离文档流，通过 top,bottom,left,right 定位。选53D6其最近的父级定位元素，当父级 position 为 static 时，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。

 fixed 固定定位，这里他所固定的对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。

7.函数的几种定义方法

function a(){},var a = function(){}

8.对象的定义方法

a = new Object(), a = {}

9.类的定义方法（prototype）（继承）

Var a = function(){}

a.prototype = {}

new a();

10.this 关键字的指向

obj.foo()== obj

foo()== window;

new obj.foo()== obj //方法调用模式,this指向obj //函数调用模式,this指向window //构造器调用模式, this指向新建立对象

foo.call(obj)== obj;//APPLY调用模式,this指向obj

11.DOM操作

在hello,将hello替换成“你好”

将Body的innerHTML重写和将的innerHTML重写有何区别

12.什么是闭包，及其作用

13.事件绑定的几种方法，事件冒泡

14.Ajax/json/json0070

15.异步ajax的优缺点

优点：

 相对于同步ajax：不会造成UI卡死，用户体验好。

 相对于刷新页面，省流量

缺点：

 后退按钮无效；

 多个请求同时触发时，由于回调时间不确定，会造成混乱，避免这种混乱需

要复杂的判断机制。

 搜索引擎不友好

 数据安全

16.常用JS框架，是否使用过jQuery，jQuery的优点。17.18.JS用了多久，介绍一下自己做过的JS项目，19.开发调试工具和方法（编辑器、浏览器

20.类、函数、对象（代码表达）

21.闭包（setTimeout）（产生两个首尾相连的计时器）（使用for循环产生10个计时器）||

22.Jquery Mobile

23.HTML5/CSS3

24.是否听说和理解webapp

1.应届

25.在行的语言，优缺点

26.介绍项目经验，合作开发、独立开发

27.编程的重要知识

28.开发过程中遇到困难，如何解决。

29.有没有个人/开源项目

30.前端开发（HTML/CSS/

31.

前端面试题面试题篇2

用关键词概括2009年中国现状。

你怎么看重庆一位校长倡导学生给父母洗脚?

就张磊向耶鲁大学捐款800多万美元发表观点。

进大学后发现许多人比自己优秀,你如何调整自己?

恐怖主义会不会最终消失?

以上这些,都是不久前复旦和上海交大自主招生的面试题。人们发现,它们全然不像原先想象的那样神秘,正如一些专家所说,这些“家常”考题,却绵里藏针,足以看出一个人的综合素质。

如何实施素质教育,我们颇可从中获得启发。就拿写作教学来讲,现在好的作文题难觅,即使是高考作文题好的也不多。如果用这类面试题让学生练笔,则既可以引导学生关注时事和现实,又能训练其分析概括能力,还能使其思维更具个性和思辨性。面试题还有一个特点,就是具体实在,需从正面作答,讲出个子丑寅卯来,从而使惯讲套话大话者和夸夸其谈者在回答时陷于困窘。

视野狭窄、思路单一正是当前作文命题的弊端,不是陈旧,就是虚浮,缺少时代感,与现实生活严重脱节。许多学生说,一见到作文题就头疼。试问,没有了写作的兴趣和欲望,又怎能调动积累、激活思维呢?面试题多以社会热点、时事新闻为题来考量学生,而应试体制下的学生多是“两耳不闻窗外事,一心只为分数忙”,对天下事不闻不问,获取外部信息的能力又低,更遑论对其作出分析评论。

在高校面试中,学生平时在作文中常犯的毛病显露无遗。一位复旦大学的教授说:“有的考生侃侃而谈,口若悬河,却无自己的思想,有的考生一味迎合考官,尽说些冠冕堂皇的话。”考官们普遍认为,一个有个性,有思想的考生,即使有些木讷,答案不够完美,也能获得高分。可是我们现在以应试为目标的作文教学,总是热衷于教给学生那些以不变应万变的写作套路、取悦阅卷老师的技巧和扮靓语言的方法,这必然使学生的思想变得肤浅,文风变得华而不实,要想在面试中过关,为名校所青睐,那几乎是不可能的。

“天才”面试题篇3

1房里有三盏灯，房外有三个开关，在房外看不见房内的情况。但可以任意扳动开关。你只能进门观察一次，你用什么方法来区分哪个开关控制哪一盏灯?

2有两根粗细不均匀的香，燃烧时快时慢，但每根香烧完的时间确定是一小时。你能用什么方法来确定45分钟的时间?

3村子里有50个人，每个人都有一条狗，在这50条狗中有病狗(这种病不传染)，人们要找出病狗。每个人可以观察其他49条狗，以判断它们是否生病，但只有自己的狗不能看，观察后得到的结果不能交流，也不能通知病狗的主人。主人一旦推算出自己的狗有病时，就必须在一天内将其枪毙，而且只有权力枪毙自己的狗，没有权力打死其他人的狗。第一天大家全看完了，但枪没响，第二天枪也没响，第三天才传来枪响。问：村里共有几条病狗?如何推算出来的?

4在太平洋的一个小岛上生活着土著人，他们不愿意被外人打扰。一天，一位探险家到了岛上，被土著人捉住，土著人的首领告诉他：“你临死前可以有个机会留下一句话，如果这句话是真的，你将被烧死；如果是假的。你将被五马分尸。”可怜的探险家说什么才能活下来?

5一个老师为了测试一下A、B两个学生哪一个反应速度更快，就把他们带到一个伸手不见五指的黑房子里。老师打开灯说：“这张桌子上有五顶帽子，两顶是红色的，三顶是黑色的。现在，我把灯关掉，并把帽子的顺序搞乱，然后，我们三人每人摸一顶戴在头上。当我把灯打开时，请你们尽快说出，自己头上戴的是什么颜色的帽子。”然后老师把灯关掉了，三个人都摸了一顶帽子戴在头上，同时，老师把另外两顶藏起来了。电灯打开后，那两个同学看到老师头上戴着的是顶红色的帽子，过了一会儿，A喊道：“我戴的是黑帽子。”请问A是如何推理的?

答案(仅供参考)：

1先打开两个开关，等一段时间再关上其中一个，马上进里观察。打开的灯对应打开的开关，因此用手摸到热的灯对应刚刚关闭的开关，凉的对应始终投打开的开关。

2点燃其中一根。并把另一根两头点燃。第二根烧完恰好过去30分钟，第一根剩下部分应该能支撑30分钟的燃烧。然后把第一根剩下的部分两头点燃，15分钟即可燃尽，此过程一共耗时45分钟。

3若只有一条病狗，病狗的主人看到其他的狗都沒有病，那么就知道自己的狗有病，所以第一天晚上就会枪响。因为没有枪响，就说明病狗数量大于1。若有两条病狗，病狗的主人会看到有一条病狗，而第一天没听到枪响，说明病狗数大于1，所以病狗主人也会知道自己的狗有病，因而第二天会听枪响，既然第二天枪也没响，说明病狗数大于2。依此类推，如果第三天听到枪响。说明有三条病狗。

4这是一个悖论问题，探险家只能描述一种非真非假的状况，比如：我将被五马分尸。如果土著判定这话是真的，那么他将被烧死——这样“五马分尸”就成假的了。如果土著判定这话是假的，那他将被五马分尸的话就变成了真的。

5如果A戴的是红帽子，那么B马上就可以猜出自己戴的是黑帽子(因为红帽子只有两顶)；而B并没有立刻猜到，所以A马上推断出自己戴的是黑帽子!

汪新才摘自《狗眼看世界》

web前端开发面试题篇4

1. Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?

2. 行内元素有哪些?块级元素有哪些?CSS的盒模型?

3. CSS引入的方式有哪些? link和@import的区别是?

4. CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?

5. 前端页面有哪三层构成，分别是什么?作用是什么?

6. css的基本语句构成是?

7. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?

8. 如何居中一个浮动元素?

9. 有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况!

10. 你怎么来实现下面这个设计图,主要讲述思路 (效果图省略)

11. 如果让你来制作一个访问量很高的大型网站，你会如何来管理所有CSS文件、JS与图片?

12. 你对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?

【Javascript】

1. js是什么，js和html 的开发如何结合?

2. 怎样添加、移除、移动、复制、创建和查找节点

3. 怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别

4. 面向对象编程:b怎么继承a

5. 看看下面alert的结果是什么

view sourceprint?1.function b(x, y, a) {

.arguments[2] = 10;

.alert(a);

}

b(1, 2, 3);

如果函数体改成下面，结果又会是什么?

a = 10;

alert(arguments[2] );

6. 请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象

var obj = parseQueryString(url);

alert(obj.key0) // 输出0

7. ajax是什么? ajax的交互模型? 同步和异步的区别? 如何解决跨域问题?

8. 什么是闭包?下面这个ul，如何点击每一列的时候alert其index?

这是第一条

这是第二条

这是第三条

9. 最近看的一篇Javascript的文章是?

10. 常使用的库有哪些?常用的前端开发工具?开发过什么应用或组件?

11.说说YSlow(可以详细一点)

[web前端开发面试题]

题中藏题面试题篇5

http://2010-04-09来源：国家公务员网

【字体：大中小】

在公务员面试考试中有些题目看似非常常见，感觉上简单无奇，但在面试考官设计考题时实际已在平实的考题表面上设置了题中题，如果我们的考生在听题或看题时，不加十分的注意和剖析，就很容易漏掉其中的玄机，而答成套路感很强的普通考题，在此国家公务员网面试专家特举一例，希望能给广大备考公务员面试的考生特别是即将参加2009年甘肃省公务员考试面试、2009年贵州省公务员考试面试的考生一些借鉴。

【例】让你组织一次离退休老干部晚会，你会如何组织？

解析：组织协调类考题，要从前中后三个环节展开回答

此题考核核心：考生的组织协调能力和言语表达能力

答题主线：破题+活动前+活动中+活动后

参考答案：联欢活动是促进干部职工感情交流的一个重要手段，如果让我组织一次离退休老干部晚会，我会按以下几个步骤来开展组织工作：

第一，根据所确定的晚会的时间、地点、举办原则，来草拟晚会的流程并形成书面计划，草拟时要考虑经费来源、经费预算总额等因素，量力而为，请示领导，确定晚会的时间、地点、举办原则、纪念品及经费来源、经费预算总额等。确定晚会的节目单。可以通过调查，征询离退休老干部的意见，按照离退休老干部喜好安排节目内容，节目内容要符合离退休老干部的年龄特点，要健康向上的气息。节目确定好后，再次将所有已确定的内容以书面的形式（计划书）向主管领导汇报，计划书确定后，按计划进行实施。

第二，在实施过程中，按照制定的计划，安排好节目的编排、场地、灯光音响等表演设备的调试、后勤及接待人员等工作，必要时还需通过晚会的彩排来掌控晚会的流程，节目的编排如果可以让离退休老干部参与表演的，要尽可能地多让离退休老干部参与，晚会主体的参与会使晚会效果更好，质量更高，还可以请离退休老干部的代表作晚会开幕前作发言。

第三，活动结束后，向老干部赠送纪念品，制作通讯录，并征求他们对晚会的意见和建议，为下一步开展此类活动打下基础。

外企面试题英语面试过程篇6

收获：这一过程其实是一个相互了解的过程，不仅是公司在了解应聘者，也是应聘者了解这家公司是否适合自己的一个途径。

2、面试题：中国区的首席代表对我进行的，他主要问我以前做过一些什么项目。

收获：在这个过程中，一般面试官问这些问题就是想了解你的基本能力，看你是否具备一定的专业素质，另外，还会考查你是否是这个圈里的人。所以，当时首席代表就问过我一个问题：“你认识某某吗?”，这就是考查你对这个圈的认知程度了。所以，对于自己圈子里的人一定要有所了解，对这个行业、这个圈子里的发展动态也要尽可能多的了解才好。

3、面试题：美国过来的CEO对我的面试。他们的面试方式总是很特别。起初先是他的助理跟我进行了约十分钟的对话，然后他才进来对我进行的面试。他问我的第一个问题就是：“告诉我你的两个缺点”。我当时有点不太适应，停顿了几秒钟，考虑了一下，然后回答他：“经验缺乏和喜欢争论”。CEO看完我的后，拿笔圈出了5个圈，告诉我这些地方存在什么毛病，连标点符号都不放过。

收获：老板的严谨和认真给我留下的深刻印象，也让我对工作的认真态度提高了一层。在和老板对话的时候，不要急着回答他所提的问题，要想一下再作答。另外，对于自己的能力不要去掩饰，要很大方地表现自己的能力和水平，让老板在最短的时间内对你产生兴趣，被录用的机会就会增大。

面试题总结：第一轮面试的时候记得是让我举很多例子，包括自己在学校的时候都举办或者参加过什么活动，在活动中遇到过什么困难，又是怎么解决这些困难的。他们就是不断挖掘你所经历事情的一切细节，通过这些细节来看你的实际能力。千万不要让自己的简历中存在谎言，因为如果不是你做过的事情，当被问及细节时一定会穿帮的，那么你就没有任何机会进入这个公司了。另外，对于自己的简历一定要准备得充分些，把自己的所有优势都集中考虑一下，整理出一个清晰的线路，这样，问到什么你就可以很从容地回答了。另外，一定要了解自己到底想要什么职位，要学会察言观色，了解人家想知道什么信息。不要急着说话，要慎重，思维也要集中一点，不要眼高手低，了解自己的能力最重要。最后一轮面试我赶上了英文面试，倒没有太多问题，很轻松地就过了，只要把意思表达清楚就可以了。到外企工作英文一定要好，不然交流起来困难太多。因为往往很多往来邮件都是英文性质的。需要提醒找工作的人，不要在你已经获得了一份工作以后，就放弃了其他单位的应聘机会。参加各种应聘不一定是要频繁换工作，而是你可以借着应聘对很多公司企业有一个了解，这也是成长的一个机会，没准对以后从事的工作会有所帮助。我当时就只参加了宝洁的面试，现在想来有点遗憾。

前端面试题面试题篇7

新浪教育讯, 来自全国各地1200多名考生参加了北京大学2012年自主招生面试。以下为部分面试题:1.近几年很多用人单位在招聘员工时, 很看重应聘者的本科毕业学校。请谈谈你的看法。2.国际连锁超市中大多数商品都是中国制造, 但大部分利润都被外企赚走。你如何看待这一现象?3.培根说:“金钱是忠实的男仆, 也是恶毒的女主人。”请谈谈你的认识。4.怎样的机制能够鼓励见义勇为, 减少袖手踯躅?5.文化产业化进程中, 价值倾向和市场取向哪个更重要?6.目前, 文化软实力的竞争在世界各国综合国力竞争中的地位和作用日益凸显。请谈谈什么是文化软实力。你认为包含哪些要素?7.北京大学“中学校长实名推荐制”要求“不孝敬父母不得被推荐”, 引起社会热议。请谈谈你的看法。8.中小学升学时的择校现象愈演愈烈。请谈谈你的看法。9.齐白石先生说:“学我者生, 似我者死。”你如何理解这句话?10.目前, 我国部分食品存在中国、外国双重质量标准的现象。你如何看待这一问题?11.柏拉图在《理想国》中认为, 应该由哲学家来统治和管理国家。你是否同意他的意见。12.“温州7.23动车事故”以后, 有人说中国经济慢些走。你同意这样的说法吗?为什么?13.经济学原理告诉我们, 某物价格高趋, 购买者盖寡;反之, 价格低趋, 购买者必多。但是现实生活中却是:前几年房地产价格不断上涨, 购买者趋之若鹜;而今房地产价格下跌, 买楼处却门可罗雀。为什么?