如何算前端工程师面试时间

将这些问题作为参考。希望你的面试官有点经验，不会用以下这样的问题开场。以防万一，还是准备一些答案。1.为什么选择程序员这个职业生涯?2.截至目前，你所从事的项目中最喜欢的是哪个?3.描述一下你梦想中的研发项目。另外一些面试官会问一些通用的技术问题，来测试你的技术能力。有可能部分人不知道这些问题是什么意思，而仅仅是在考察你的能力/竞争力。基于面试官的技术能力级别的不同，你的答案也会有所不同。这些问题简单易答，因此把这些问题记下来。1.描述一下创建一个新网页的过程2.怎样减少页面加载时间?3.标准和标准体(standards and standards bodies)为什么重要?4.你使用怎样一个过程来组织代码?5.你喜欢用什么工具来测试代码性能?[page]既然你从事前端工作，理解CSS会非常重要。因此这里为你准备了一些常见的CSS问题。这是展示你知识储备的重要开始。这些并不是最尖锐或者重要的问题，如果不能回答出来，将对你很不利。 中的 resetting 和 normalizing 之间的区别有哪些?2.什么是floats，它是如何工作的?、relative、fixed 和 static 定位的区别是什么?4.解释visiblity hidden和display none之间的区别5.你是如何修复特定浏览器默认样式的问题?6.你是否用过网格系统?目的是?7.如果计算CSS权重?8.解释如何优化CSS选择器。9.为什么需要使用预编译器?10.你是如何测试网站的跨浏览器兼容性?现在我们最基本的任务完成了。谁都能死记硬背这些答案来应付以上问题。即使是新手前端开发者也能出色地回答大部分问题。然而如果想真正让你的面试官印象深刻并证明你的功底深厚，就把下面这些问题牢记在心。1.前端开发的框架是什么?2.响应式web app和原生应用程序的区别是什么?3.原生app相对web app的优点是什么?4.客户端和服务器端开发的区别是什么?5.什么是SASS和LESS?它们是如何工作的?面试官会更多关注你是如何表达对这些问题的解释。他们会追问支持你的答案的工作案例。前面的问题你可能可以通过记忆而过关，你可能还会遇到这些问题的扩展，但这些答案的深度，将让你与众不同。通过你参与过的实际项目，来展示你的思考过程。

作为一名HTML5前端工程师，为了工作，为了就业我们免不了要参加各种各样的面试。为此总结了面试前的注意事项：

第一：注意自己的仪容仪表

面试之前，一定要再次从头到脚地将自己的仪容仪表检查一遍。检查时主要包括，自己的牙缝是不是还有食物残渣，所以你需要就近找一个卫生间，如果没有卫生间就近找一个角落也是可以的，但是切记一定不要在大庭广众之下。因此，为了给自己整理出着装的时间请在约定时间前20分钟到达。

第二：再次检查面试时所需的资料是否都已带全

这些资料主要包括：身份证明、学历文凭证明、个人简历、以往作品等等，如果这些东西齐全之后，需要对这些资料做一个整理与排序。因为没有哪个面试官希望看到面试者拿出一堆“莫名其妙”的东西塞给他，让他自己再一页一页的翻找自己需要的内容，如果说这些资料在面试官手中不小心散落一地，结果可想而知。这样的求职者在面试官眼中也一定不是一个让人放心、有条不紊的员工。当然如果检查时发现资料没有带全，也不要紧张。反而你要庆幸幸亏及时检查，也有足够的时间组织语言去向面试官解释。

第三：面试之前将通信工具调成振动或关闭状态

虽然说面试者与面试官之间是一个平等的关系，但毕竟你是去人家公司求职的，始终处于一个被动的状态，所以最起码的尊重还是要做到的。曾经有调查显示，对于面试过程中接电话或是被电话打断的求职者，会被HR减分。

第四：等候面试官时，仔细观察多了解面试公司

在等候面试官时，可以暗自观察一下公司的大体情况比如员工的着装风格、公司的LOGO或是贴在墙上的企业文化、公司的环境等等，一来可以在接下来的面试过程中表现出自己对公司的认同感，二来也可以让自己对求职公司多些了解，以确定是否要接受这里的工作。如果你身边有公司的资料宣传架，不妨取一本翻看一下，也会增加HR对你的好感。

第五：放松心情，保持自信

面试时一定要保持一定的自信，这样也会给面试官留下很好的印象。面试只是你步入工作的第一步，即便是失败了那也是人生重要的经历。失败是为了更好的迎接下一个挑战。

作为一名web前端工程师千万不要觉得懂技术面试就能万事大吉了，像以上五点细节性的东西也是一定要掌握的。

面试题系列：

网页链接

一、基本知识 我们生活在网际网路时代，你想知道的任何事情几乎都能在15分钟内找到相关资讯。可是，能找到资讯并不等于你会使用它。我认为所有前端工程师至少都应 该掌握某些基本的知识，才能有效地完成自己的工作。如果一遇到问题，就停下工作上网四处搜寻解决方案，怎么可能保证按期完成工作呢？听听，还有谁在说“我 不知道，但我可以上网搜到。”请这些同学把手举起来，让大家认识一下（immediately raises a flag for me.）。下面我列出一些基本的知识点，这些都是我认为一名前端工程师（无论工作年头长短）在没有任何外来帮助的情况应该知道的。 [list][*] DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 [*] DOM操作——怎样新增、移除、移动、复制、建立和查询节点。 [*] 事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。 [*] XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。 [*] 严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。 [*] 盒模型——外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。 [*] 块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。 [*] 浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。 [*] HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。 [*] JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。 [/list] 重申一下，上述这些知识点都应该是你应该“想都不用想”的东西。我一开始问的所有问题都是想摸清你对所有这些领域知识的掌握程度。虽然上面列出的这些知识点并没有面面俱到，但我觉得你至少应该掌握这些，才有可能跟我坐到一间办公室里来。 二、少量提问 我非常赞同面试者问的问题越少越好。反复问应聘者各种问题既不公平，也很无聊。我在任何一次面试中，通常只问三个大问题，但每个问题又会涉及我所能想到的多个方面。回答每个大问题一般要经过几个步骤，这样我就可以在每个步骤中穿插著问一些小问题。比如说：

HR一般不会面试太深的问题，主要是了解一下你之前的工作经历，更多的是你自己描述，中间可能会问一些初级的问题，比如，你为什么从上一家单位离职等类似问题。

这样的布局用绝对定位实现最合适，ABC的外层用相对定位，里边各列用绝对定位就可以。至于CBA且B宽度自适应，还是用绝对定位，但只定位C,A分部到两侧，中间的列margin设成左右列的宽度就可以。

web前端开发工程师想要硬气的跳槽，起码应该达到以下几点： 1.掌握扎实的技术基础， 需要掌握技术包括：HTML、CSS、JavaScript; HTML是Web程式设计的基础，HTML也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页档案本身是一种文字档案，通过在文字档案中新增标记符，可以告诉浏览器如何显示其中的内容。 维护大型的CSS程式码库并非易事，特别是那些随意散漫未经组织的CSS程式码极易变成一团乱麻，所以，应该掌握CSS命名规范，来帮助开发者编写优质的程式码。 2.深入理解前端工程化和元件开发; 需要熟悉web前端框架—— React、等， React为我们提供了直接易用的，以状态为核心的前端应用开发方式，前端工程师应该会分析React内部工作原理，讨论React中简单元件、类元件等渲染流程。 单元测试是应用开发中不可或缺的部分，日常开发中会用到的单元测试的例子，所以应该掌握。 3.熟练掌握Web开发相关知识 至少熟悉一门后端语言，例如、Java、Go等; 内部原理视非常重要的，应该明白的主程序是如何启动的、如何载入内建模组、os包如何实现等等。 4.对技术有热情，有一定前端架构能力或者技术深度;具备团队合作意识强，能够多团队协作开发;具备企业级大型前端应用开发经验更佳。

前端工程师需要懂得设计类程式码和js，有需要了解一些后台语言，例如PHP等。

1.入门阶段：能够解决一些问题的水平。有一定的基础(比如最常见的HTML标签及其属性、事件、方法;最常见的CSS属性;基础的JavaScript程式设计能力)，能够完成一些简单的Web前端研发需求。 2.进阶阶段：将JavaScript、HTML、CSS之类的编码帮助手册里的每个方法/属性都通读几遍!只有将基础打好，以后的路才能走的顺畅。 3.入室：最强程式码，知道所有能够解决需求的各种方案，能够选择使用最优秀的方案满足需求。这个级别基本上产品开发程式设计中的程式码主力。程式设计师应该能够肯定的回答：对于这个需求而言，我的程式码就是最优秀的程式码。 4.注重细节，注意那些当前需求里没有明文给出的细节：程式码效能的差异、执行平台(浏览器)的差异、需求的隐性扩充套件、程式码的向后相容等等。

web前端工程师是不参与任何的设计，直接将网站美工制作的网站效果图使用ps按照效果图进行切片并使用、css、js等程式码进行网页的制作，最终编写出符合w3c标准的相容各个主流浏览器的静态页面，同时还需要按照后台开发人员的要求留下一些后台资料的介面。所以说网站前端工程师更多的是程式设计而不是设计。 UI设计师一般是学美术或者设计出身，精通photoshop、AI、AE等平面设计工具，其在网站开发过程的中的职责就是按照客户或者公司的需求设计出符合客户需求和介面或者颜色符合大众视觉的网站效果，如根据不同行业的需求设计颜色、设计介面风格等，其工作的最后成果就是网站的效果图。

less和sass什么时候学都行，1,2天就能学会。这个不著急，没有什么承上启下的作用，可以单独拿出来学。 bootstrap就是一个框架，把最主要的栅格系统看看就好。其他的大概了解能干啥就行，很多公司，是不让用bootstrap的，而是用原始码自己写。这个用一天的时间没啥问题。 和angular比较重要，如果学会，算是上了一个台阶了。所以重点说说这个。 angular属于mvvm框架，一开始觉得angular挺复杂的，所以想学一个简单的，轻量级的，所以决定先学vue。但是在了解的过程中发现，很多的专业名词，没听过，或者理解不透。所以又开始从头学习。在学习的过程中又开始迷茫，发现了很多JS不懂的地方。 所以，又开始深入研究js的dom，函式，ajax，阵列等。总之用了很长的时间，浪费了很长时间。 最后总结一下啊。其实，没必要钻那么多牛角尖。 先做着vue的例子，不懂的地方，直接略过，很多时候，不理解的不懂的东西，用着用着，突然就能明白。照猫画虎先把VUE的例子跟着做一遍之后，同时梳理一下涉及到的JS知识点。能自己用vue做出几个小成品的时候，开始结合js研究。之后再去涉及angular。 angular差不多有个大概了解的时候，反过头接着学vue，你会发现，又会发现很多新东西。 web前端这个东西特别有意思，当你达到一个高度，返回来再看以前的技术，会发现，哎呀，竟然又能发现新大陆。

培训学校很多，没有具体的衡量标准的。但是可以从几方面去选择： 1 有很多优秀导师的 2 培养出很多优秀学员的 3 只做培训的，没有做其他的 4 做的比较久的。

建议找全程面授课程的地方学习，课程体系很重要，现在企业在用人方面讲究全栈的前端工程师人才，所在在课程选择上要慎重，学习内容要基于HTML5，要包含pc端+移动端+后端。这要才能学的系统，就业上才会有所保障。

随着时代的发展，很多新兴的就业职位随之产生。前端工程师将就是随着互联网的快速发展而产生的。其实在很多人的观念里，前端工程师也就是一个切页面的而已，他们也就是会html、css、javascript这些没有任何技术含量的网页制作而已。然而随着技术飞速发展，人们对这些技术的要求也是越来越高，如果只凭着一个人来把所有的事情都解决是很困难的，所以这个时候前端工程师就开始发挥着他们很大的作用了。

那我们应该如何来面试前端工程师呢？

首先我们要了解到一般关于工程师的面试都是被分为问答面试和代码面试的。当然也有很多公司会增加一些其他的面试。不过这就主要看公司的情况而来。一般前面一二轮的面试都是主要是技术方面为主。后面几轮就是你的老板要和你聊聊你的待遇和规划的问题了。接下来就让我们来聊聊面试前端工程师的一些技巧吧。

如果你想成为一个优秀的前端工程师你就必须要有一些基础工程师所必需的具有的扎实的理论基础。这些扎实的理论基础是你面试前端工程师的前提。如果你不具备这些理论上的知识想必你连面试的资格都没有。所以想面试成功你就需要掌握这些有关的理论知识。

关于这个前端工程师的面试，考察能力时候很重要的。一般呢，我们可以总结为前端工程师是有关基础理论和能力的综合。而这个里面的能力就包含这个考察能力这个考察能力呢一般就是指工程师的编程能力。

一般面试官都是通过案例问题来检验每个人的考察能力的。这个所谓的案例问题就是在编程上的一些算法题。这一般有些小复杂所以就需要你较强的考察能力来配合了。

在我们在面对面试官时我们千万不要紧张。在进行自我介绍时我们要努力做到自信大方、吐字清晰。我们在自我介绍时要用简明扼要的话语来介绍自己，突出自己的优点表明自己的求职意向。你要通过寥寥数语把自己的优势都向面试官介绍清楚。记住不必要的话语要少说。

好了关于如何面试前端工程师这个话题我就聊到这了。希望我的回答能对你有所帮助。

2.提前了解所面试的企业，做到知己知彼。

3.巩固所学知识

前端工程师至少应该掌握些基本的知识，才能有效地完成自己的工作。一名前端工程师（无论工作年头长短）在没有任何外来帮助的情况应该知道的。

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

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

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

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

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

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

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

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

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

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

4.看前端开发面试题

目前网上有好多的前端开发面试题，有时间可以看一看，这些题有助于你对相关知识有一定的了解，最主要的是，面试碰到了相关的题，你不会太紧张，你会有些许的自信。

不管是面试官或被面者都需要有一定的时间观念，不能迟到。如果你有事情会耽搁，应该事先通知彼此。没有时间观念，一个简单的细节，有时会让你错失一个机会。

2.真诚面对

当你的技术不能达标时，只要你的人品达标，也能为自己增加不少分数。

3.尽量展示自己的实力

每个人都有自己好的一面也有自己不足的一面，在面试的时候，应该尽量展示自己优秀的一面。对于校招生或实习生而言，面试官真的不太在乎你所掌握的技术如何？而更再意的是你是不是有发展的潜力。你处事的能力，学习的能力，解决问题的能力等等。而自己问题都是在和你聊天的过程中去掌握的，所以你应该借此机会，向面试官展示你这方面的软实力。

做过最满意的项目是什么？

项目背景

为什么要做这件事情？

最终达到什么效果？

你处于什么样的角色，起到了什么方面的作用？

在项目中遇到什么技术问题？具体是如何解决的？

如果再做这个项目，你会在哪些方面进行改善？

面试总结会让自己更认识自己。虽然你有面试的机会，但这并不代表你能通过面试，那么每一次的面试失败就是你下一次面试成功的铺垫。

技术：技术方面缺少什么？面试官看重的是什么？

软实力：自己拿分项是哪些？自己丢分项是哪些？自己面试过程的沟通能力如何？

失败原因：面试失败原因是什么？是由于技术不足？还是其他原因造成自己面试失败？还可以去思考更多的为什么？…

前端工程师不一定需要懂设计方面。倘若有这等要求，前端工程师岂不是一项除其本身特征性工作外还包含用户界面设计、视觉设计、业务逻辑及交互动画设计师等工作的职称了么！前端工程师，主要工作内容与用户界面的表现紧密联系，但均为在图形上或以其为基础通过某种实现方式去正确、准确呈现什么。之所以以“主要工作”修饰，是因为 / 的出现与发展致使前端被引入服务器端性质的工作内容。在能力方面：对 HTML / CSS / JavaScript 具有专家级别的知识；有较熟练使用 AngularJS / / jQuery 或者其它类库的经验；较熟悉第三方组件（插件）生态环境及具体案例；有较熟练使用 Jade / Swig / Handlebars / Mustache 或者其它模板引擎的经验；有较熟练使用 SASS 或者其它 CSS 预处理器的经验；有较熟练使用 CoffeeScript 的经验；对 CSS / JavaScript 设计模式有很好的认识及应用；对常用数据结构和算法熟悉；有使用 GruntJS / GulpJS 任务运行器的经验；有使用 Yeoman 生成器的经验；有诸如 Bower / Volo / JSPM 等前端静态资源包管理器使用经验；熟悉本地及远程（真机）调试操作；有 Git 的使用经验；意识驱动行为，所以：有自己的技术信仰；有渴望尝试新技术的强烈愿景及较强的主观学习、客观探索能力；拥有令人难以置信的关注细节的精神；在诸如 Github、Sitepoint 等这样的技术社区活动；因为你不是一个人工作，并且要对一个产品付之责任心，所以：有良好的编程风格和文档习惯；对模块化开发及相关标准有很好的认识及应用；有对网页标准和标准制定机构重要性较深刻的理解；建站过程中考虑其它诸如UI、安全性、高性能、SEO、可维护性以及技术因素等方面；有跨浏览器（主：兼容性）、跨设备（主：响应式）开发并测试页面的经验；对网格在WEB设计中的应用有深刻的理解，以及具备系统（有组织）地实现出来的能力；能够独立工作并做出正确的抉择；能够适应不断变化的更新 / 扩展 / 改版需求，同时处理多个项目；能够提供准确的定时估计工作（适应准时交付管理法则）；有与服务器端程序开发人员协同工作的经验；能够（熟练）阅读英文资料；有一定的工作压力承受能力；然后再为自己从长远打算及加分：有 NodeJS Web / 服务器 / 客户端应用程序设计、开发、优化经验；有 MangoDB / Redis 等No SQL 数据库设计、实现、维护经验；有使用 PhoneGap / Apache Cordova 进行移动应用开发经验；有浏览器 Addon 扩展（以扩展的形式添加一些为提高用户体验的附加功能）开发经验者；