前端面试题目难吗

[如何面试前端工程师]如果你投了简历，那么应该会在面试你的人名单里找到我的名字。你现在就有点紧张了，面试总会让人感觉有点不舒服。作为面试官，我其实并不算难对付，但如果你想在我们谈话之后让我放...+阅读

从以下五个方面做，可以轻松面对前端面试：

一、基本知识

DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。

DOM操作——怎样添加、移除、移动、复制、创建和查找节点。

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

XMLHttpRequest——这是什么、怎样完整地执行一次GET请、怎样检测错误。

严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。

盒模型——外边距、内边距和边框之间的关系，IE8以下版本的浏览器中的盒模型有什么不同。

块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。

浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。

HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。

JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。

二、少量提问

现在有一个正显示着Yahoo！股票价格的页面。页面上有一个按钮，你可以单击它来刷新价格，但不会重新加载页面。请你描述一下实现这个功能的过程，假设服务器会负责准备好正确的股票价格数据。

这个问题牵扯到一组我想要考察的基本知识点：DOM结构、DOM操作、事件处理、XHR和JSON。如果我要你对换一种处理股票价格的方式，或者让你在页面中显示其他信息，就可以把更多的知识点包括进来。对于经验比较丰富应聘者，我也可以自如地扩展要考察的知识范围，最简单像JOSN与XML的区别、安全问题、容量问题等等。

我还希望应聘者给出的任何解决方案中都不要使用库。我想看到最原生态的代码，你就当页面中没有包含任何库。你说你对哪个库了解多少多少，但我不能把关于库的知识作为评判能力的因素，因为库是会随时间变化的。

三、解决问题

做为一名前端工程师，最值得高兴的事莫过于解决同一个问题会有很多种不同的方法，而你要做的就是找出最合适的方法来。我在提问的时候，经常会在应聘者解释完一种方法后问他们还有没有第二种方法。此时我会跟他们说，假设你的这个方法由于种种原因被否决了，那么你还能不能给出另一种方法。这样做可以达到两个目的。

首先，可以测试出他们是否在毫无意义地复述书本中的东西。不能不承认，某些人确实有过目不忘的天赋，听他们在那里滔滔不绝地讲，你会觉得他们什么都明白。可是，只要一跟这些人谈到怎么查找方案无效的原因，以及能否拿出一个新方案来，他们往往就傻眼了。这时候，如果我听到“我不明白这个方案为什么不够好”之类的反问，心里立刻就明白我的问题已经超出了他们的能力范围，而他们只是想拿自己死记硬背的结论来蒙混过关。

其次，可以测试出他们已经掌握的（还是那句话，“想都不用想”）浏览器技术知识。如果他们对浏览器平台的核心知识有较好的理解，想出解决同一问题的不同方案根本没有那么难。

注意：所有问题都与浏览器技术相关。我不相信出几道抽象的逻辑题，就能够考出某人解决Web技术问题的能力。在我看来，这无异于让素描大师画肖像，没有意义，也得不到任何有价值的信息。

四、有激情

要成为一名优秀的前端工程师，最重要的莫过于对自己做的事要有激情。我们技能都不是从学校中或者从研讨会上学来的，因此前端工程师必须具备自学能力。浏览器技术的变化可谓日新月异，所以也只有不断提升自己的技能才做得到与时俱进。我虽然不能强迫谁必须多看博客、不断学习，但想应聘前端工程师的人恐怕还是必须这么做的。

你怎么知道谁对这种工作有没有激情？实际上非常简单。我只问一个简单的问题：“目前你对什么Web技术最感兴趣？”这个问题永远不会过期，而且也几乎不可能出错……除非你答不上来。就眼下来说，我希望你对这个问题给出的技术中包括WebSocket、HTML、WebGL、客户端数据库，等等。只有对Web开发充满激情的人，才会坚持不懈地学习新知识、掌握新技能；

五、最后一点

计算机科学或者Web设计方面的知识当然也有用，但那都是基本知识之外的东西。只要基本知识在那儿了，一切就都有了基础，想扩充知识面也不难。可是，如果等到正式上班以后，还得从头学习基本技能，那种难度是不可同日而语的。

如何成功的面试WEB前端开发 WEB前端开发

最后一点

计算机科学或者Web设计方面的知识当然也有用，但那都是基本知识之外的东西。只要基本知识在那儿了，一切就都有了基础，想扩充知识面也不难。可是，如果等到正式上班以后，还得从头学习基本技能，那种难度是不可同日而语的。另外，高级前端工程师与一般工程师相比，肯定需要掌握更多的技能。而面试几乎没有经验大学毕业生，同样也会有一套完全不同的程序。我在这篇文章里列出来的都是一些最基本的东西。

对于那些还没有多少面试经验的人，我总是喜欢告诉他们，面试完了只要问自己一个问题就行：你想以后跟这个人在一起共事吗？如果不管为什么，回答是不，那就是不。

HTML5开发工程师面试时需要注意什么问题

面试，绝不是仅仅靠技术说话的。必须要说技术的确很有用，但是仅仅技术本身，在前端/HTML5开发工程师未来的发展当中，只能占到20%~30%。因此我们在此给各位“技术”提提醒，在面试中，有哪些是需要注意的：

时间观念

应当有一个比较好的时间观念，绝对不要迟到（提前15~30min到达）你可以有各种理由，无论是堵车，还是不熟悉地形找不到公司，但，结果就是结果，迟到就是迟到，别人也不会因为你的理由而觉得就可以原谅（毕竟归根到底就是没有提前规划好）

如果到达公司比较早，则在周围熟悉一下环境，可以提前15分钟左右的时间进入公司。另外，不要在公司的休息时间进入（公司休息时间：中午12:00-13:00/14:00）。注意，我这里说的是进入，而不是面试。换句话说，不要在休息室等着人家。

熟悉你自己的简历

一定要熟悉自己的简历，原因很简单，对于没有专门准备面试题的公司，大部分是依照着简历来问面试题的。因此在书写的时候也要注意，不会的东西不要随意的搬上简历。而对于自己简历中书写的一些技术、词语（英文拼写和发音）、个人经历等都要足够熟悉。如果让对方觉得你的简历是马马虎虎随意对待的，被录用的可能性自然会降低啦~

面试过程的小细节

注意坐姿端正，回答问题的时候，不要追过快的速度。思考之后再作答，防止出现结巴等问题。另外，在观点与对方冲突的时候，即便是对方的观点让自己很难忍受，大不了就是不来这家公司，但是不要和对方吵起来。

对于人事方面的问题，不要直接回答表面上的东西，思考问这个问题的原因和目的，之后本着实事是的原则，合理回答问题。最好是在去面试之前做足人事面试题的准备工作。

面试不助

作为讲师，我们也是这么告诉我们的学生的。应该说，在面试/笔试过程中，助网络或者别人是很多人会选择的方法。但其实不建议大家这样做，原因很简单，面试是自己的，当面试没有实事是，虽然可能能够拿到更高的薪水，但是进入公司之后很有可能无法hold住其工作，毕竟工作的难度是由面试结果而定的（特别是大公司，有技术分级）。

面试是双方的

面试是双方的，而不是单方面面试。公司会通过问题考量面试者，看面试者是否符合公司的标准和要。与此同时，也是面试者在考量公司是否符合自己的心意，因此在面试的过程中，双方是平等的，面试者也需要去了解公司的一些具体情况（可以通过向面试官提出问题或者通过观察细节等）。

可以主要需要了解如下情况：公司的基本情况，公司的基本架构，团队的规模以及前端人员数量和基本水平，公司的企业文化和工作氛围，进入公司的主要工作以及未来可能的工作。

想了解更多，可查看文章《WEB前端开发工程师，面试时有哪些注意事项》