前端面试范文
“大道寺芝士”通过精心收集，向本站投稿了14篇前端面试范文，下面是小编为大家整理后的前端面试范文，仅供参考，大家一起来看看吧。
篇1：前端面试自我介绍
你好，我叫xxx，我上一家公司是做XXX。，所以我们公司做的项目都是和XXX相关的。
刚进公司的那时候，什么交互啊，项目需求，测试，代码编写，优化，我都有积极的参与，因为是新人，所以好好把握住每个学习的机会，我的本职工作，前端这块，我都是认真负责完成。那时候虽然很忙，压力很大，但真的是学到了不少东西，后期项目都不断的在完善，我也不断的在参与。
在上一家公司中，我的收获不单单是技术方面，主要还有业务能力，自学能力和同事的沟通能力，这都是我学到的，而且是我认为很重要的。
技术方面我一直从事于web方面的工作，掌握的前端技术有ajax，js，vue，html，css，我也了解java语言和数据库表结构这块，与后台人员能更有效的沟通。
我的性格方面不算外向，也不算内向，跟朋友，同事相处，比较外向，在工作中，代码开发时，我是比较内向的，我喜欢全心全意的投入工作中。我也喜欢交朋友，偶尔跟朋友聚聚，聊聊。对于工作我总是抱着认真负责，有责任心，吃苦耐劳的态度工作。
谢谢，以上是我的自我介绍。
篇2：前端电话面试
提出的问题如下：
平常访问哪些论坛/博客/读过哪些书?
做过哪些web项目，遇到了什么问题，如何解决?
如何做网站优化?
感兴趣的新技术?未来发展趋势的看法?
针对这个人，拓展问了一下：
json数据格式和xml格式的优劣?
yui、jQuery、Prototype这些框架各自的优缺点
最后
请教一下各位前端的同行，这些题目拿来做“电话面试”，有什么不妥当的?
或者说，有没有更好的问题可以拿出来问?
或者说，大家对哪类问题比较反感?
[前端电话面试]
篇3：如何面试前端工程师
如何面试前端工程师
如果你投了简历，那么应该会在面试你的人名单里找到我的名字，你现在就有点紧张了，面试总会让人感觉有点不舒服。作为面试官，我其实并不算难对付，但如果你想在我们谈话之后让我放你过关，你确实得做一些必要的准备。
回答问题。我问你一个问题，你必须要回答它。我遇到应聘者在回答我问题时顾左右而言他的情况太多了。我知道你会有些紧张，说几句不着边际的话可能有助于缓解，但请你不要喋喋不休，要赶快回到正题上来。我不想知道你的宠物猫最近又出了什么新状况，我只想听到你的回答。假如你没有听明白我问的是什么，可以要求我再解释一下，重复几遍问题或者换一种问法，对我而言没有什么。
告诉我你不知道什么。如果我问到了你不知道的问题，一定要告诉我。我不认为你的大脑里可以装得下百科全书。在知道了你不知道什么以后，我对你的评估才会更加公平。问题仍然要回答，但我会给你一些提示，同时也可以考察一下你解决问题的`能力。
不要放弃。在我面试你的过程中，不要总想着放弃。如果你被我前面的话不幸言中，那么你可能会面对一个让你不知所措的问题，而且你也告诉我你答不上来了。此时此刻，千万不要打退堂鼓！我会尽力提醒你，让你找到正确答案；因此不要随随便便打断我说：“我真的不知道。”在我们这个行业，你经常会遇到没有现成解决方案的挑战，到时候你会轻易放弃吗？我必须知道你具备解决问题的能力，而不是遇到一点挫折就轻言放弃。
不用担心怪问题。有些公司的确有吓唬应聘者的传统，他们会让你回答一些类似脑筋急转弯似的稀奇古怪的问题。对那种面试方式，我不敢苟同。我提的所有问题都有答案，而且绝大多数还不止有一个正确答案；我保证一个怪问题也不会问你。因为这样既会让你难堪，又对我毫无意义。你大可放心，我的每个问题都至少会有一个正确答案。
自圆其说。如果你提到了某个解决方案或者强调自己掌握了某方面知识，请做好进一步讨论它的准备，
假设我问了一个问题，你在回答这个问题时提到：“对，因为IE不支持CSS3……”然后，你最好能够跟我讨论一下要是IE支持CSS3你会怎么办。
不要说自己是专家。大多数面试中可能都需要注意这一条，但我对这一条尤其敏感。我从来不会把应聘者划分为三六九等，因此你也不必告诉我你属于哪个等级。一旦你声明自己已经跻身“专家”的行列，我怕有些问题会让你下不来台。我确实见过自称专家而又确实是专家的人。但是，我认为真正的专家不会自己说出来，而是会做给你看。
不要靠卖弄赚取我的好印象。如果我想知道什么，我会问。我知道在面试时需要了解哪些信息，只要一听到有人说“想不想看一个绝妙的技巧？”或者其他类似的话，我都有一种立即中断面试的冲动。所以，请尽力回答好我的问题即可。
满激情。如果你想得到跟我一起工作的机会，请给我一个愿意跟你共事的理由。最好的理由就是要有激情，把你主动、积极学习的热情展示出来。希望你能谈一谈产品、公司，以及为什么想得到这份工作。尤其要注意最后一点，我不想听你说你当前的工作如何如何讨厌。当然，可以解释一下为什么现在或者过去没有从事你喜欢的工作，但你一定要告诉我你对自己今后的成长有何打算，还有为什么你应聘的这个职位能够有助于你的成长。 没错，我确实希望将来有可能被我面试的所有人都看到这篇文章。我希望你能在我面试你时表现得非常好，真的，确实如此。说来也简单，只要你留意上述这些常见的问题，并且原原本本地展示你自己就足够了。说不定哪一天，你就会跟我坐到同一间办公室里了。
更多有关如何面试的文章推荐，大家敬请关注大学网的面试频道！
篇4：前端开发面试
近来几个月，一直在努力寻找前端战友，未果，一路的招聘经历下来，心生不少感慨， 一直都很小心翼翼的，怕错失了高人，又更加怕失误把关不够招到不合格的同学进来公司，对公司对项目造成某些影响。
面试前端工程师对我来说是一件非常有意思的事，因为面试过程很大程度上也是自我提升的过程。无论大公司还是小公司，之所以在如何招聘到真正有能力的 前端工程师方面会遇到同样的问题，就是因为负责招聘的那些人不知道自己公司需要什么样的人，结果问问题时也问不到点子上。经过这几年在行业里的摸索，我总 结出了自己的一套很有效的面试前端工程的方法。
有的应聘者说我不好对付，但留给他们这样的印象也并非我所愿。我觉得之所以他们说我不好对付，主要是因为我问他们问题时问得太细了。以前我曾专门写过一些 东西，告诉应聘者怎么才能通过我的面试(Surviving an interview with me)以及优秀的前面工程师应该具备什么样的素质(What makes a good front end engineer?)，而我的面试可以说完全是按照那两篇文章的标准进行的。我不会问一些特别偏门的问题，也不认为出几道逻辑题就能考出人的真实水平。我 唯一的想法就是确定你能否胜任我们要招的这个职位。为此，我需要简单地考察如下几个方面。
基本知识
我们生活在互联网时代，你想知道的任何事情几乎都能在15分钟内找到相关信息。可是，能找到信息并不等于你会使用它。我认为所有前端工程师至少都应 该掌握某些基本的知识，才能有效地完成自己的工作。如果一遇到问题，就停下工作上网四处搜索解决方案，怎么可能保证按期完成工作呢?听听，还有谁在说“我 不知道，但我可以上网搜到。”请这些同学把手举起来，让大家认识一下(immediately raises a flag for me.)。下面我列出一些基本的知识点，这些都是我认为一名前端工程师(无论工作年头长短)在没有任何外来帮助的情况应该知道的。
DOM结构――两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
DOM操作――怎样添加、移除、移动、复制、创建和查找节点。
事件――怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。
XMLHttpRequest――这是什么、怎样完整地执行一次GET请求、怎样检测错误。
严格模式与混杂模式――如何触发这两种模式，区分它们有何意义。
盒模型――外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。
块级元素与行内元素――怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。
浮动元素――怎么使用它们、它们有什么问题以及怎么解决这些问题。
HTML与XHTML――二者有什么区别，你觉得应该使用哪一个并说出理由。
JSON――它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。
重申一下，上述这些知识点都应该是你应该“想都不用想”的东西。我一开始问的所有问题都是想摸清你对所有这些领域知识的掌握程度。虽然上面列出的这些知识点并没有面面俱到，但我觉得你至少应该掌握这些，才有可能跟我坐到一间办公室里来。
少量提问
我非常赞同面试者问的问题越少越好。反复问应聘者各种问题既不公平，也很无聊。我在任何一次面试中，通常只问三个大问题，但每个问题又会涉及我所能想到的多个方面。回答每个大问题一般要经过几个步骤，这样我就可以在每个步骤中穿插着问一些小问题。比如说：
现在有一个正显示着Yahoo!股票价格的页面。页面上有一个按钮，你可以单击它来刷新价格，但不会重新加载页面。请你描述一下实现这个功能的过程，假设服务器会负责准备好正确的股票价格数据。
这个问题牵扯到一组我想要考察的基本知识点：DOM结构、DOM操作、事件处理、XHR和JSON。如果我要求你对换一种处理股票价格的方式，或者 让你在页面中显示其他信息，就可以把更多的知识点包括进来。对于经验比较丰富应聘者，我也可以自如地扩展要考察的知识范围，最简单像JOSN与XML的区 别、安全问题、容量问题，等等。
我还希望应聘者给出的任何解决方案中都不要使用库。我想看到最原生态的代码，你就当页面中没有包含任何库。你说你对哪个库了解多少多少，但我不能把 关于库的知识作为评判能力的因素，因为库是会随时间变化的。我需要的是真正理解库背后的机制，特别是能够徒手写出一个自己的库的人。
解决问题
做为一名前端工程师，最值得高兴的事莫过于解决同一个问题会有很多种不同的方法，而你要做的就是找出最合适的方法来。我在提问的时候，经常会在应聘 者解释完一种方法后问他们还有没有第二种方法。此时我会跟他们说，假设你的这个方法由于种种原因被否决了，那么你还能不能给出另一种方法。这样做可以达到 两个目的。
首先，可以测试出他们是否在毫无意义地复述书本中的东西。不能不承认，某些人确实有过目不忘的天赋，听他们在那里滔滔不绝地讲，你会觉得他们什么都 明白。可是，只要一跟这些人谈到怎么查找方案无效的原因，以及能否拿出一个新方案来，他们往往就傻眼了。这时候，如果我听到“我不明白这个方案为什么不够 好”之类的反问，心里立刻就明白我的问题已经超出了他们的能力范围，而他们只是想拿自己死记硬背的结论来蒙混过关。
其次，可以测试出他们已经掌握的(还是那句话，“想都不用想”)浏览器技术知识。如果他们对浏览器平台的核心知识有较好的理解，想出解决同一问题的不同方案根本没有那么难。
对一名前端工程师来说，这绝对是最重要的能力。前端工程师在工作中遇到本该如此却并未如此的难题(说你啦，IE6)，应该说是一件很平常的事。一个方案无效就无计可施的人，做不了前端工程师。
考核应聘者解决问题能力的另一层原因，与我的个人喜好有关。在搞清楚应聘者知道什么不知道什么之后，我就会想着问一个他们知识领域之外的问题。这样 做的目的，就是想看看他们怎样运用已有的知识解决新问题。在解决问题的每一步，我也准备了一些提示，以防有人会卡壳打艮(在我面前15分钟一言不发，对我 评价这个人毫无帮助)。我真正感兴趣的，是他们能够从上一步前进到下一步。我希望看到一个人就在我眼前学到新知识。
注意：所有问题都与浏览器技术相关。我不相信出几道抽象的逻辑题，就能够考出某人解决Web技术问题的能力。在我看来，这无异于让素描大师画肖像(或者让刘翔跟博尔特同场竞技)，没有意义，也得不到任何有价值的信息。
有激情
要成为一名优秀的前端工程师，最重要的莫过于对自己做的事要有激情。我们技能都不是从学校中或者从研讨会上学来的，因此前端工程师必须具备自学能 力。浏览器技术的变化可谓日新月异，所以也只有不断提升自己的技能才做得到与时俱进。我虽然不能强迫谁必须多看博客、不断学习，但想应聘前端工程师的人恐 怕还是必须这么做的。
你怎么知道谁对这种工作有没有激情?实际上非常简单。我只问一个简单的问题：“目前你对什么Web技术最感兴趣?”这个问题永远不会过期，而且也几 乎不可能出错……除非你答不上来。就眼下来说，我希望你对这个问题给出的技术中包括WebSocket、HTML、WebGL、客户端数据库，等等。只有 对Web开发充满激情的人，才会坚持不懈地学习新知识、掌握新技能;这些人才是我真正想要的。当然，我会让他们详细解释自己提到的技术，以保证他们不是随 口说了几个时髦的新词汇。
最后一点
计算机科学或者Web设计方面的知识当然也有用，但那都是基本知识之外的东西。只要基本知识在那儿了，一切就都有了基础，想扩充知识面也不难。可 是，如果等到正式上班以后，还得从头学习基本技能，那种难度是不可同日而语的。另外，高级前端工程师与一般工程师相比，肯定需要掌握更多的技能。而面试几 乎没有经验大学毕业生，同样也会有一套完全不同的程序。我在这篇文章里列出来的都是一些最基本的东西。
对于那些还没有多少面试经验的人，我总是喜欢告诉他们，面试完了只要问自己一个问题就行：你想以后跟这个人在一起共事吗?如果不管为什么，回答是不，那就是不。
[前端开发面试]
篇5：前端面试的自我介绍
你好，我叫xxx，我的上一家公司是做XXX。，所以我们公司做的项目都是和XXX相关的。
刚进公司的那时候，什么交互啊，项目需求，测试，代码编写，优化，我都有是积极的参与，因为是新人，所以好好把握住每个学习的机会，我的本职工作，前端这块，我都是认真负责完成。那时候虽然很忙，压力很大，但真的是学到了不少东西，后期项目都不断的在完善，我也不断的在参与。
在上一家公司中，我最的.收获不单单是技术方面，主要还有业务能力，自学能力和同事的沟通能力，这都是我学到的，而且我认为很重要的。
技术方面我一直从事于web方面的工作，掌握的前端技术有ajax，js，div+css，htmlcss，同事我也了解java语言和数据库表结构这块，更后台人员能更有效的沟通。
我的性格方面不算外向，也不算内向，跟朋友，同事相处，比较外向，在工作中，代码开发时，我是比较内向的，我喜欢全心全意的投入工作中。我也喜欢交朋友，偶尔跟朋友聚聚，聊聊。对于工作我总是抱着认真负责，有责任心，吃苦耐劳的态度工作。
谢谢，以上是我的自我介绍。
篇6：前端面试的自我介绍
各位领导好，我叫XXX，我的老家在是河南省，父母都健在身体都很健康，我还有一个姐姐在武汉工作。我是大学毕业的，所学的专业也是计算机Javar软件技术。记得当时还没毕业就来上海找工作了，当时就在xx公司实习，半年后就转正到卫生服务事业部，从事于医疗卫生项目方面的程序员开发工作。大概一共是待了一年半吧，就辞职了。原因大概是当时的工作氛围让我觉得没什么意思再加上当时还自我感觉良好就跳到一家日企里上班，正好那时候公司在过CMMI3，做的项目都严格按照CMMI流程走的，什么文档、Coding、测试的我都有参与。
那时候真的是让学到不少项目上的东西，可能正好是金融危机吧，公司原先承诺的工资没有兑现然后我就走了。去的是上海XX信息公司，从刚开始的项目主力开发到项目组长，在上农信近三年的工作中我最大的收获就是公司放手让我在项目独挡一面跟客户面对面自由的沟通好需求，项目后期给客户提供项目培训然后通过客户的反馈知道项目的得与失。可能是我不太适应公司的人事变化吧，然后就提出离职走了。
技术方面我一直都是从事于J2eeWeb方面的工作，一般开源的框架Struts1、Struts2、Hibernate、Ibatis、Spring都有项目开发使用。掌握前端Ajax、Jquery、Dwr、包括CSS、HTML。
数据库方面能写复杂的SQL查询统计包括视图、存储过程的开发,有postgre,Oracle,SqlServer项目开发经验。
我的性格方面不算外向好像也不内向，喜欢交朋友，也喜欢有挑战性的。闲暇时间打打羽毛球，下象棋。
性格缺点：说话太直，做事情缺少魄力想的太多会犹豫不决。
性格优点：工作方面自我感觉做事比较认真、负责，能吃苦耐劳。
谢谢，以上是我的自我介绍
篇7：前端工程师面试简历
前端工程师面试简历模板
在前端工程师简历中提高的逻辑性的要点：首先要能够正确的使用语言文字，以及标点符号，还要能够争取的使用逻辑关联词。其次，在编写个人简历上，也要讲究实事求是的原则。
个人信息
yjbys
性 别： 男
年 龄： 32岁 民 族： 汉族
工作经验： 5年以上 居 住 地： 浙江台州 台州
身 高： CM 户 口： 浙江台州 台州
自 我 评 价
我的座右铭是“生活应因为累而精彩”因为每个人都要有目标理想。即将跨入社会的我将以不坠青去之志,不失进取之心,不懈追求之劲,尽心尽责、勤奋工作在实践不断学习发挥自己的主动性、创造性,竭力为贵单位的发展做出我最大的贡献!
求 职 意 向
希望岗位： 计算机-开发/应用-软件设计师
寻求职位： iOS工程师 ：iphone手机app客户端开发
希望工作地点： 浙江台州椒江区 浙江台州路桥区 浙江台州黄岩区
期望工资： 10000 /月(可面议) (要求提供住房) 到岗时间：随时到岗
其它待遇要求： 面议
工作目标 / 发展方向
iOS工程师 ，iOS软件开发， iOS App开发， iOS移动客户端开发， iOS前端工程师，iphone手机app客户端开发
工 作 经 历
▌-10---12：杭州米趣网络科技有限公司
所属行业： 互联网、电子商务(私营企业)
担任岗位： 计算机-开发/应用/软件设计师
职位名称： iOS工程师
职位描述：聚好玩：重写了软件的'大部分代码(对软件代码重构)，重新设计了UI界面，解
析从服务器端传回的JSON数据
省电话：主要负责省电话iOS客户端软件的研发，主要负责主界面框架的搭建UI部分的搭建，联系人模块的开发
1.熟悉C语言 精通objectiveC 软件编程
2.精通UIKit框架，UI界面编程
3.精通TableView 及 cell 循环引用机制
4.精通MVC设计模式，并能对烂代码进行重构。
4.熟悉iOS Foundation框架
5.熟悉iOS JSON网络解析服务器端传来的数据
6.能使用quartz 2d
▌-01--至今：浙江宅集购电商科技有限公司
所属行业： 互联网、电子商务(股份制企业)
担任岗位： 计算机-开发/应用/软件设计师
职位名称： ios工程师
职位描述：电商类ios客户端开发，从底层架构到整个app上架
教 育 经 历
-09---07 浙江工业大学 机械类/机械自动化(机械电子工程方向) 本科
2009-03--2011-07 浙江工业大学浙西分校 机械类/机械设计制造及自动化 大专
技 能 专 长
技术职称： iOS工程师
语言能力： 英语：一般(一般); 中文普通话：良好
所在地方言：良好;
计算机能力： 程序员
计算机详细技能： 1.熟悉C语言 精通objectiveC 软件编程
2.精通UIKit框架，UI界面编程
3.精通TableView 及 cell 循环引用机制
4.精通MVC设计模式，并能对烂代码进行重构。
4.熟悉iOS Foundation框架
5.熟悉iOS JSON网络解析服务器端传来的数据
6.能使用quartz 2d
其它相关技能：
iOS客户端开发
获得奖励：9月三等奖学金 优秀学生干部
9月二等奖学金 学习积极分子
月全国大学生数学建模竞赛浙江赛区省三等奖
拓展阅读：个人简历的制作技巧有哪些
招聘单位每天都会从四面八方收到数以万计的个人简历，但是能收到面试邀请的只有少数求职者。能不能收到面试邀请取决于求职者的个人简历编写的是否能博得招聘官的青睐。求职者如果能做一份独具一格的个人简历获得赏识的机会更大。做一份独具一格的简历需要一些制作技巧，接下来就让我们分析下个人简历的制作技巧有哪些?
简历简历贵在精简
试想，如果你是招聘官你会想看到什么样的个人简历?在每天浏览数不胜数的求职者的个人简历已经很疲惫了，如果这时候再来一个十几页的个人简历估计没有哪个招聘官会想看。
反思维思考：
用反思维稍微想想就知道招聘官一定喜欢看精简的简历在，最好内容能浓缩到一页纸上，让招聘官做到一眼看去就知道求职者的优势，从而迅速判断求职者是否能胜任应聘的职位。这种简历很容易博得招聘官的青睐，从而为求职者获得面试的机会。
简历模板最好不要照搬
在个人简历的排版上，简历模板最好不要照搬到求职者的个人简历中。现在求职者的个人简历越来越格式化，个人简历的板式都差不多一样，这种模板的个人简历在招聘官看来没有任何新鲜感，从而缺少竞争力。
制作个人简历模板时可以参考统一模板，但是制作还是要自己亲力亲为加点设计感为好。
篇8：前端开发面试问题
你用Twitter吗? (在天朝最好问你用微博吗?)
如果用，你都关注那些人?
你用Github吗?
如果用，你关注的项目有什么?
你关注的博客有那些?
你使用那些版本管理系统，比如Git，SVN等?
你常用的开发环境是怎样的?比如操作系统，文本编辑器，浏览器，及其他工具等。
你能描述一下你制作一个网页的工作流程吗?
你能描述一下渐进增强和优雅降级之间的不同吗?
如果提到了特性检测，可以加分。
请解释一下什么是语义化的HTML。
你更喜欢在哪个浏览器下进行开发?你使用那些开发人员工具?
你如何对网站的文件和资源进行优化?
期待的解决方案包括：
文件合并
文件最小化/文件压缩
使用CDN托管
缓存的使用
其他
为什么利用多个域名来存储网站资源会更有效?
浏览器一次可以从一个域名下做多少资源?
请说出三种减低页面加载时间的方法。(加载时间指感知的时间或者实际加载时间)
如果你接到了一个使用Tab来缩进代码的项目，但是你喜欢空格，你会怎么做?
建议这个项目使用像EditorConfig(editorconfig.org)之类的规范
为了保持一致性，转换成项目原有的风格
直接使用VIM的retab命令
请写一个简单的幻灯效果页面
如果不使用JS来完成，可以加分。
你都使用那些工作来测试代码的性能?
例如JSPerf (jsperf.com/)
例如Dromaeo (dromaeo.com/)
其它。
如果今年你打算熟练掌握一项新技术，那会是什么?
请谈一下你对网页标准和标准制定机构重要性的理解。
什么是FOUC?你如何来避免FOUC?
HTML相关问题
文档类型的作用是什么?你知道多少种文档类型?
浏览器标准模式和怪异模式之间的区别是什么?
使用XHTML的局限有那些?
如果页面使用'application/xhtml+xml'会有什么问题吗?
如果网页内容需要支持多语言，你会怎么做?
在设计和开发多语言网站时，有哪些问题你必须要考虑?
在HTML5的页面中可以使用XHTML的语法吗?
在HTML5中如何使用XML?
'data-'属性的作用是什么?
如果把HTML5看作做一个开放平台，那它的构建模块有那些?
请描述一下cookies，sessionStorage和localStorage的区别?
JS相关问题
你使用过那些Javascript库?
你是否研究过你所使用的JS库或者框架的源代码?
什么是哈希表?
'undefined'变量和'undeclared'变量分别指什么?
闭包是什么，如何使用它，为什么要使用它?
你喜欢的使用闭包的模式是什么?
请举出一个匿名函数的典型用例?
请解释什么是Javascript的模块模式，并举出实用实例。
如果有提到无污染的命名空间，可以考虑加分。
如果你的模块没有自己的命名空间会怎么样?
你如何组织自己的代码?是使用模块模式，还是使用经典继承的方法?
请指出Javascript宿主对象和内置对象的区别?
指出下列代码的区别：
function Person{} var person = Person() var person = new Person()
'.call'和'.apply'的区别是什么?
请解释'Funciton.prototype.bind'的作用?
你如何优化自己的代码?
你能解释一下JavaScript中的继承是如何工作的吗?
在什么时候你会使用'document.write()'?
大多数生成的广告代码依旧使用'document.write()'，虽然这种用法会让人很不爽。
请指出浏览器特性检测，特性推断和浏览器UA字符串嗅探的区别?
请尽可能详尽的解释AJAX的工作原理。
请解释JSONP的工作原理，以及它为什么不是真正的AJAX。
你使用过JavaScript的模板系统吗?
如有使用做，请谈谈你都使用过那些类似库文件。比如Mustache.js,Handlebars等等。
请解释变量声明提升。
请描述下事件冒泡机制。
“attribute”和“property”的区别是什么?
为什么扩展JavaScript内置对象是个坏做法?
为什么扩展JavaScript内置对象是个好做法?
请指出document load和document ready的区别。(这是个问题的问题)
'=='和'==='有什么不同?
你如何获取浏览器URL中查询字符串中的参数。
请解释一下JavaScript的同源策略。
请解释一下事件代理。
请描述一下JavaScript的继承模式。
如何实现下列代码：
[1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]
描述一种JavaScript memoization(避免重复运算)的策略。
什么是三元条件语句?
函数的参数元是什么?
什么是“use strict”?使用它的好处和坏处分别是什么?
JS代码示例：
~~3.14
问题：上面的语句的返回值是什么? 答案：3
“i'm a lasagna hog”.split(“”).reverse().join(“”);
问题：上面的语句的返回值是什么? 答案：“goh angasal a m'i”
( window.foo || ( window.foo = “bar” ) );
问题：window.foo的值是什么? 答案：“bar” 只有window.foo为假时的才是上面答案，否则就是它本身的值。
var foo = “Hello”; (function() { var bar = “ World”; alert(foo + bar); })(); alert(foo + bar);
问题：上面两个alert的结果是什么? 答案: “Hello World” & ReferenceError: bar is not defined
var foo = []; foo.push(1); foo.push(2);
问题：foo.length的值是什么? 答案：'2'
var foo = {}; foo.bar = 'hello';
问题：foo.length的值是什么? **答案: undefined
jQuery相关问题
解释“chaining”。
解释“deferreds”。
你知道那些针对jQuery的优化方法。
请解释'.end()'的用途。
你如何给一个事件处理函数命名空间，为什么要这样做?
请说出你可以传递到jQuery方法的四种不同值。
选择器(字符串)，HTML(字符串)，回调函数，HTML元素，对象，数组，元素数组，jQuery对象等。
什么是效果队列?
请指出'.get()','[]','eq()',的区别。
请指出'.bing()','.live()'和'.delegate()'的区别。
请指出'$'和'$.fn'的区别?或者说出'$.fn'的用户。
请优化下列选择器：
$(“.foo div#bar:eq(0)”)
CSS相关问题
描述css reset的作用和用途。
描述下浮动和它的工作原理。
清除浮动的方法有那些，分别适用于什么情形。
解释css sprites,如何使用。
你最喜欢的图片替换方法是什么，你如何选择使用。
讨论CSS hacks，条件引用或者其他。
如何为有功能限制的浏览器提供网页。
你会使用那些技术和处理方法。
如何视觉隐藏网页内容，只让它们在屏幕阅读器中可用。
你使用过网格系统吗?如果使用过，你最喜欢哪种?
你使用过meidia queries(媒体查询)吗，或者移动网站相关的CSS布局。
你熟悉SVG样式的书写吗?
如何优化网页的打印样式。
在书写高效CSS文件时会有哪些问题需要考虑。
你使用CSS预处理器吗?(SASS,Compass,Stylus,LESS)
如果使用，描述你的喜好。
你是否接触过使用非标准字体的设计?
字体服务，Google Webfonts, Typekit,等等。
请解释浏览器是如何根据CSS选择器选择对应元素的。
可选的有趣问题
你编写过的最酷的代码是什么?其中你最自豪的是什么?
你知道HTML5的帮派标志吗?
你是否正在或曾经在一艘船上。(不懂这个幽默)
你使用的开发工具中，你最喜欢的部分是什么?
你有什么业余项目吗?是那种类型的?
解释cornify的重要性?(本题完全摸不到头脑)
在一张纸上，垂直写下ABCDE，然后不用任何代码，将他们到序排列。
静静的看他们是否将纸反转。
海盗还是忍者?
如果是两者的合体，并有恰当理由，可以加分。如果是僵尸猴子海盗加忍者加两分。(注：此题文化差异过大)
如果没有在Web开发，你会做什么?
卡门圣迭哥的隐藏处在哪里?
提示：本题的答案永远是错的。
你最爱的IE特性是什么?
完句填空： Brendan Eich和Doug Crockford是JavaScript的________。
讨论：jQuery是牛逼的库还是最牛逼的库。
[前端开发面试问题]
篇9：web前端面试自我介绍
大学的四年,给我奠定了扎实的专业理论基础，良好的组织能力，团队协作精神，务实的工作作风还有良好的为人处世能力。
理论学习上，我认真学习专业知识理论，在学好专业必修课的同时，我还阅读了大量计算机书籍。同时对于法律、文学等方面的非专业知识我也有浓厚的兴趣。在校期间，在专业考试中屡次获得单科第一。获得院设奖学金一次，院三等奖学金五次。是个成绩优秀的学生，一致受到老师和同学的好评。
在专业知识上，我除了精通Visual Basic、SQL Server、ASP，熟练使用Linux、Windows 9x/Me/NT//XP等操作系统，熟练使用Office、WPS办公自动化软件。还自学HTML 、Frontpage 、Dreamweaver 、Fireworks 、Flash等网页制作相关软件。对于常用软件都能熟练使用。运用自如。
工作上，曾担任院学生会成员、副班长等职，现任计算机系团总支组织部部长。多次组织系部、班级联欢会、春游等活动，受到老师、同学们的一致好评。思想修养上，我品质优秀，思想进步，笃守诚、信、礼、智的做人原则。
在社会实践上，四年的大学生活，我对自己严格要求，注重能力的培养，尤其是实践动手能力更是我的强项。曾多次参加社会实践活动，具有一定的实践经验和动手能力。
篇10：前端面试笔试题
前端面试笔试题
1.XHTML和HTML有什么区别
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
2.前端页面有哪三层构成，分别是什么?作用是什么?
结构层 Html 表示层 CSS 行为层 js;
3.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?
Ie(Ie内核) 火狐（Gecko） 谷歌（webkit,Blink） opera(Presto),Safari(wbkit)
4.什么是语义化的HTML?
直观的认识标签 对于搜索引擎的抓取有好处，用正确的标签做正确的事情！
html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；
在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。
使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。
5.HTML5 为什么只需要写 !DOCTYPE HTML？
HTML5 不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）；而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。
6.Doctype作用？标准模式与兼容模式各有什么区别?
!DOCTYPE声明位于位于HTML文档中的第一行，处于html 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
7.html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和
HTML5？
HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。
绘画 canvas
用于媒介回放的 video 和 audio 元素
本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；
sessionStorage 的数据在浏览器关闭后自动删除
语意化更好的内容元素，比如 article、footer、header、nav、section
表单控件，calendar、date、time、email、url、search
新的技术webworker, websockt, Geolocation
移除的.元素
纯表现的元素：basefont，big，center，font, s，strike，tt，u；
对可用性产生负面影响的元素：frame，frameset，noframes；
支持HTML5新标签：
IE8/IE7/IE6支持通过document.createElement方法产生的标签，
可以利用这一特性让这些浏览器支持HTML5新标签，
浏览器支持新标签后，还需要添加标签默认的样式：
8.请描述一下 cookies，sessionStorage 和 localStorage 的区别？
cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会
sessionStorage和localStorage的存储空间更大；
sessionStorage和localStorage有更多丰富易用的接口；
sessionStorage和localStorage各自独立的存储空间；
9.如何实现浏览器内多个标签页之间的通信?
调用localstorge、cookies等本地存储方式
篇11：前端面试笔试题
1、什么是H5?
H5=HTML5，指的是HTML超文本标记语言(HTML)的第五次重大修改，HTML的第五代。 HTML5具有的特点：
(1)、语义化的标签：好处是网站加载更快;该标签举例：header、nav、article等。
(2)、增加了音频、视频标签：好处是取代falsh;该标签举例：audio、video。
(3)、canvas标签：好处在浏览器上绘制图形或动画，取代flash。
(4)、支持手机和平板的响应式布局。
HTML5的缺点：低版本浏览器支持性不好，比如IE9以下的浏览器不支持HTML5。
2、H5为什么这么火?H5是哪一年产生的?H5会火多久?
(1)、因为H5的后台很硬，是谷歌(google)和苹果(Apple)两大巨头公司，谷歌和苹果大力倡导H5的发展，也是H5的忠实的支持者和实践者(IOS+Android系统占据手机市场92.36%)，H5的产生主要目的也是干掉flash，因为flash是adobe公司的，adobe不是W3C组织的成员之一，苹果和谷歌等万维网联盟也不希望在自己的产品中使用加载量过大的flash。
(2)、H5是9月份W3C(万维网联盟，主要有苹果和谷歌公司)组织发布的。
(3)、刷脸时代(这里专指网站用户体验更加美观的时代)+移动端时代(手机+平板)，会促使H5会在未来的有更加美好的发展前景，只要有网站，H5就会很火，UI也就很火，H5的发展会让UI更加提高用户的满意度，H5的火爆时代，会促进UI更好发展。
(4)、微信的发展，O2O的促使H5更火。
在这里不得不谈微信，如果没有微信，或许今天我们不会这样来讨论H5，微信无意中养成了用户扫码的习惯，并通过公众号的内容生.产及分发，以及微信本身已有的庞大的用户群体及社交属性，使基于网页的内容可以快速传播，真正带来了APP即浏览器的时代，取消了输入内容网址的麻烦。以微信为代表的超级社交APP，解决了网页内容浏览及分发的通路。 H5或许会没落，但会迎来H6、H7，只会变得越来越好，所以没必要担心H5会不会死，当下重在实践与积累，至少现在，Html5的影响力，会超出你我的想象，也就意味着H5的好闺蜜UI会一直火下去。
3、什么叫做响应式?
针对不用的屏幕显示不同的网页布局，比如说大屏幕手机、小屏幕手机、平板能够适应不同的屏幕来显示网站。
4、针对不同屏幕的响应式，UI设计师该做几套设计图?
只做一套，大多UI设计师会使用iPhone5的尺寸来做一套(640X1136)。那么这种可以适配响应式的各种屏幕的吗?这种在HTML5中通过代码中的媒体查询来实现。媒体查询怎么写?媒体查询的具体写法如下：
@media screen and (max-width:640px) { //最大宽度是640px的屏幕宽度
nav li { //nav标签下的li标签设置样式
display: inline; //转化为行元素
}
}
1、div是什么?在div出现之前做网站用什么布局?
div是网站布局的盒子标签，div出现是table布局，因为table布局嵌套很多，网站加载慢，布局层级不清晰。
2、html是什么?css是什么?js是什么?
(1)、html是超文本标记语言，他是做网站时候用的一些文本标记标签，比如div、span等。
(2)、css是层叠样式表，是做网站的时候给标签来美化网站的样式，比如说background(背景)、color(字体颜色)、height(高度)、width(宽度)等。
(3)、js=javascript是网站中写前后台交互效果、网页动画效果的一种开发语言，比如鼠标点击事件(click)、前后台数据请求(ajax)等。
3、什么是前端工程师?什么是后端工程师?
前端工程师就是指的做静态网页的工程师：
(1)、广义的前端分为三种：安卓工程师、ios工程师、web前端工程师。
(2)、狭义的前端指的是web前端工程师，web前端工程师指的是做静态的PC端和手机端静态网页的工程师。
4、什么是静态网页?什么叫做动态网页?
(1)、静态网页：没有数据交互的网页，没有数据库参与，没有服务器端数据的加载。比如静态网页就是只有html+css+JavaScript做成的网站。
(2)、动态网页：有后台数据参与的网页，网页中的数据是从数据库取的，需要有后台逻辑的支持。比如动态网页就是jsp页面(后台语言是java)、asp页面(后台语言是asp.net)。
5、前端语言有哪些?后端语言有哪些?
(1)、前端语言：HTML、css、javascript。
(2)、后端语言(服务器端语言)：php、java、asp.net。最近新出的node.js
6、做一个网站的团队都需要哪些人?
(1)、产品经理：设计这个产品，通常就是了解用户的网站需求，画原型图。
(2)、项目经理：通常是对整个产品有一个整理管理和负责，通常是会代码技术的人来构建整个网站的代码框架，以后网站实现的全面管理。
(3)、UI设计师，通过原型图画psd设计图的。
(4)、前端工程师，根据设计图来做静态网页，可能是原生app的IOS和安卓工程师，或者web端的web前端工程师。
(5)、后端工程师，通常就是做java、asp.net、php的工程师来写后端逻辑的工程师。
篇12：前端面试个人介绍
各位老师，早上好！非常荣幸能参加这次面试，我是____号考生，报考的职位是____，希望通过这次面试能向各位老师学到更多东西。
我喜欢篮球和乒乓球，曾担任大学校篮球队队员。在篮球队中深刻体会到在大家共同努力下击败对手的成就感！
对于计算机有着狂热的喜爱，虽掌握软件众多，但对编程情有独钟！在每一次解决了问题后都有一种成就感！我喜欢这种感觉，让我能沉迷于我的代码的世界中！
爱好程序设计，喜欢开发自已的小型产品，追求技术上的满足感；稳固的架构，健壮的代码，团结的合作，是我的不懈追求。
有良好的编程习惯，以及程序错误控制和解决能力，我爱前端编程这个岗位，当每天敲着代码，听着音乐，是很快乐的
用心工作，用心生活！我可能不是最好的，最合适的，我觉得我是最有潜力的.！
篇13：前端面试个人介绍
回首三年的大学校园生活生涯和社会实践生活，有渴望、有追求、有成功也有失败，我孜孜不倦，不断地挑战自我，充实自己，为实现人生的价值打下坚实的基础。
在思想品德方面上，本人有良好道德修养，并有坚定的政治方向，我积极地向党组织靠拢，使我对我们党有可更为深刻的认识，并参加了入党积极分子培训班”的培训。本人遵纪守法、爱护公共财产、关心和帮助他人，并以务实求真的精神热心参与学校的公益宣传和爱国活动。
在学习方面上，我热爱自己的专业，还利用课余时间专修计算机专业知识，使我能轻松操作各种网络和办公软件。曾多次的获得学金，在书法和体育运动都获得好成绩。英语、电脑、普通话等方面的等级考试已达标。除了在专业知识方面精益求精外，平时我还涉猎了大量网络编程、网络管理与维护、网页设计等知识。并且相信在以后理论与实际结合当中，能有更大提高。
在工作方面上，对工作热情，任劳任怨，责任心强，具有良好的组织交际能力，和同学团结一致，注重配合其他学生干部出色完成各项工作，得到了大家的一致好评。
在生活方面上，我最大的特点是诚实守信，热心待人，勇于挑战自我，时间观念强，有着良好的生活习惯和正派作风。由于平易近人待人友好，所以一直以来与人相处甚是融洽，连续担任了分院的乒协的秘书长一职。有广泛爱好的我特别擅长于网页设计和网站管理与维护方面。曾独立完成一个中型网站的设计，以及大型综合网站的策划与修改工作。
身为平面设计专业的学生，我在修好学业的同时也注重于社会实践。本着学以致用，实践结合理论发挥。暑假期间我到XX网吧等大型网吧里工作，管理经验与软硬件维护得到了极大的积累。
三年的大学生活，使自己的知识水平、思想境界、工作能力等方面都迈上了一个新的台阶。在这即将挥手告别美好大学生活、踏上社会征途的时候，我整军待发，将以饱满的热情、坚定的信心、高度的责任感去迎接新的挑战，攀登新的高峰。
篇14：web前端面试技巧
1、面试技巧：如何回答问题
(1) 把握重点，简捷明了，条理清楚，有理有据。一般情况下回答问题要结论在先，议论在后，先将自己的中心意思表达清晰，然后再做叙述和论证。否则，长篇大论，会让人不得要领。面试时间有限，如果多余的话太多，容易走题，反倒会将主题冲淡或漏掉。这一点在面试自我介绍的时候尤其需要注意。
Web前端面试技巧：注意事项跟技巧
(2) 讲清原委，避免抽象。用人单位提问总是想了解一些应试者的具体情况，切不可简单地仅以“是”和“否”作答。应针对所提问题的不同，有的需要解释原因，有的需要说明程度。不讲原委，过于抽象的回答，往往不会给主试者留下具体的印象。
(3) 确认提问内容，切忌答非所问。面试中，如果对用人单位提出的问题，一时摸不到边际，以致不知从何答起或难以理解对方问题的含义时，可将问题复述一遍，并先谈自己对这一问题的理解，请教对方以确认内容。对不太明确的问题，一定要搞清楚，这样才会有的放矢，不致答非所问。
(4) 有个人见解，有个人特色。用人单位有时接待应试者若干名，相同的问题问若干遍，类似的回答也要听若干遍。因此，用人单位会有乏味、枯燥之感。只有具有独到的个人见解和个人特色的回答，才会引起对方的兴趣和注意。
(5) 知之为知之，不知为不知。面试遇到自己不知、不懂、不会的问题时，回避闪烁，默不作声，牵强附会，不懂装懂的做法均不足取，诚恳坦率地承认自己的不足之处，反倒会赢得主试者的信任和好感。
2、面试技巧：如何消除紧张
由于面试成功与否关系到求职者的前途，所以大学生面试时往往容易产生紧张情绪。有些大学生可能由于过度紧张而导致面试失败。因此必须设法消除过度的紧张情绪。这里介绍几种消除过度紧张的技巧，供同学们参考。
(1) 面试前可翻阅一本轻松活泼、有趣的杂志书籍。这时阅读书刊可以转移注意力，调整情绪，克服面试时的怯场心理。避免等待时紧张、焦虑情绪的产生。
(2) 面试过程中注意控制谈话节奏。进入试场致礼落座后，若感到紧张先不要急于讲话，而应集中精力听完提问，再从容应答。一般来说人们精神紧张的时候讲话速度会不自觉地加快，讲话速度过快，既不利于对方听清讲话内容，又会给人一种慌张的感觉。讲话速度过快，还往往容易出错，甚至张口结舌，进而强化自己的紧张情绪 ，导致思维混乱。当然，讲话速度过慢，缺乏激情，气氛沉闷，也会使人生厌。为了避免这一点，一般开始谈话时可以有意识地放慢讲话速度，等自己进入状态后再适当增加语气和语速。这样，既可以稳定自己的紧张情绪，又可以扭转面试的沉闷气氛。
(3) 回答问题时，目光可以对准提问者的额头。有的人在回答问题时眼睛不知道往哪儿看。 经验证明，魂不守舍，目光不定的人，使人感到不诚实;眼睛下垂的人，给人一种缺乏自信的印象;两眼直盯着提问者，会被误解为向他挑战，给人以桀骜不驯的感觉。如果面试时把目光集中在对方的额头上，既可以给对方以诚恳、自信的印象，也可以鼓起自己的勇气，消除自己的紧张情绪。
3、面试技巧：如何运用语言
面试场上你的语言表达艺术标志着你的成熟程度和综合素养。对求职应试者来说，掌握语言表达的技巧无疑是重要的。那么，面试中怎样恰当地运用谈话的技巧呢?
(1) 口齿清晰，语言流利，文雅大方。交谈时要注意发音准确，吐字清晰。还要注意控制说话的速度，以免磕磕绊绊，影响语言的流畅。忌用口头禅，更不能有不文明的语言。
(2) 语气平和，语调恰当，音量适中。面试时要注意语言、语调、语气的正确运用。打招呼时宜用上语调，加重语气并带拖音，以引起对方的注意。自我介绍时，最好多用平缓的陈述语气，不宜使用感叹语气或祈使句。声音过大令人厌烦，声音过小则难以听清。以每个用人单位都能听清你的讲话为原则。
(3)注意听者的反应。求职面试不同于演讲，而是更接近于一般的交谈。交谈中，应随时注意听者的反应。比如，听者心不在焉，可能表示他对自己这段话没有兴趣，你得设法转移话题;侧耳倾听，可能说明由于自己音量过小使对方难于听清;皱眉、摆头可能表示自己言语有不当之处。根据对方的这些反应，就要适时地调整自己的语言、语调、语气、音量、修辞，包括陈述内容。这样才能取得良好的面试效果。
【前端面试范文】相关文章：
2.前端自我介绍
3.前端年终总结
4.前端转正申请书
5.web前端简历
6.前端述职报告
8.前端开发述职报告
10.前端工程师简历范文
文档为doc格式
