web前端面试经常问到的面试题有哪些

1、列举web性能优化？

减少http请求次数。合并文件、利用csssprite把零散的图片整合到一张图上。

减少DNS查找。

减少从定向。

响应时间。使用AJAX进行缓存，减少http请求。

延迟载入组件.

预载入组件。

减少节点的数量。

切分组件到多个域。

最小化iframe。

杜绝http404错误。

2、介绍一下XMLHttpRequest对象的常用方式和属性?

open(“method”,”URL”)建立对服务器的调用，第一个参数是HTTP请求方式

可以为GET，POST或任何服务器所支持的您想调用的方式。

第二个参数是请求页面的URL。

send()方法，发送具体请求

abort()方法，停止当前请求

readyState属性请求的状态有5个可取值0=未初始化，1=正在加载

2=以加载，3=交互中，4=完成

responseText属性服务器的响应，表示为一个串

reponseXML属性服务器的响应，表示为XML

status服务器的HTTP状态码，200对应ok400对应notfound

面试Web前端需要注意什么？会面试哪些问题？

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

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

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

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

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

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

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

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

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

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

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

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

面试题系列：

Web前端工程师与Web前端开发工程师有何区别？

应该没有什么区别，前者说得比较广义，后者主要强调开发，你除了掌握前端必备的js,juery,XHTML,css之外，你必须得会一些基本的编程语言，比如.net,PHP这些

web前端和前端开发工程师有什么区别

??- Web后端：1）精通jsp，servlet，java bean，JMS，EJB，Jdbc，Flex开发，或者对相关的工具、类库以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解2）练使用oracle、sqlserver、mysql等常用的数据库系统，对数据库有较强的设计能力3）熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器，同时对在高并发处理情况下的负载调优有相关经验者优先考虑4）精通面向对象分析和设计技术，包括设计模式、UML建模等5）熟悉网络编程，具有设计和开发对外API接口经验和能力，同时具备跨平台的API规范设计以及API高效调用设计能力

本回答被提问者采纳。

前端工程师面试对项目经验的要求到什么程度

从前端开发要掌握的技术来讲，前面已经说得差不多了。我主要想从面试者的角度谈一谈看法。如果是我面试，就给应聘者一个开放的项目，可以提供服务器端api或数据服务，限定一周时间，这叫试做。然后，根据评审确定入围的人，再面试。面试可以围绕项目展开，首先让面试者围绕html、css和javascript讲一讲设计思路、实现过程、遇到了什么困难，如何解决的，最终实现方案与设计有什么出入，有什么收获，等等。然后再根据项目中的不足有针对性地提问测试，考察面试者的实际经验和解决问题的能力。解决实际问题的能力最重要。总之，实际的开发工作不同于考试，考试设计得越接近实际工作需要，结果才可能越真实，才可能真正招到想要的人。

如何面试Web前端开发工程师

基本知识我们生活在互联网时代，你想知道的任何事情几乎都能在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设计方面的知识当然也有用，但那都是基本知识之外的东西。只要基本知识在那儿了，一切就都有了基础，想扩充知识面也不难。可 是，如果等到正式上班以后，还得从头学习基本技能，那种难度是不可同日而语的。另外，高级前端工程师与一般工程师相比，肯定需要掌握更多的技能。而面试几 乎没有经验大学毕业生，同样也会有一套完全不同的程序。我在这篇文章里列出来的都是一些最基本的东西。对于那些还没有多少面试经验的人，我总是喜欢告诉他们，面试完了只要问自己一个问题就行：你想以后跟这个人在一起共事吗？如果不管为什么，回答是不，那就是不。