做前端面试

❶ 想要面试前端，应该准备个什么项目合适

首先，并非所有的前端开发面试都会查看你的demo
其次，如果你有项目开发经验，内那么比容较好的项目（好一方面指的是项目的功能完善，涉及到的前端技术比较多，另一方面指的是你的代码质量比较好），就可以作为你的demo
如果你没有项目开发经验，那至少自己敲过一些东西，网页或者什么的吧，这些东西就可以作为你的demo
除此之外，如果你的技术学的不错，JS层面学的也比较好的话，最好是书写几个自己的框架出来，如果还没有达到书写框架的层面，最起码面向对象、原型继承，小游戏，这种能够凸显你JS功底的demo，最好写几个。
Tips：额外说一句，别在网上随便找个效果或者视频课程，然后模仿一下，虽然你能做出demo，但是却没有你的思想和你自己的技术沉淀。
再Tips：除了demo之外，人事以及前端的面试真题建议也准备一下，可以借助“决胜前端”的小，程序，进行学习

❷ 前端工程师面试时被问到为什么要做前端时，怎么回答

我本人是个前端工程师，虽然现在也对php,nodejs等服务器端的东西有所涉猎，但最喜欢专的还是前端属这个职位所做的事情，所以要是我面试的话，我会回答：
自己很喜欢做前端，因为前端做出来的东西可以马上展现出来，可以给我带来最直接的成就感，不像后端做的大部分都是数据层面的东西，不能让客户老板和自己马上看到。而且这两年前端技术发展很快，功能越来越强大，所以做的时间越久，越感觉可挖掘的点很多，很有意思。

❸ 前端面试需要准备什么

首先前端的专业知识和技能你最好得会，其次，就是带着你的作品去面试，然后不断的学习研究，做别人没有的产品或者没法实现的公司去面试，那么你会很高薪，当然，工龄还是需要的，所以不要轻易跳槽

❹ 前端面试题目难吗 如何轻松面对前端面试

从以下五个方面做，可以轻松面对前端面试：
一、基本知识
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设计方面的知识当然也有用，但那都是基本知识之外的东西。只要基本知识在那儿了，一切就都有了基础，想扩充知识面也不难。可是，如果等到正式上班以后，还得从头学习基本技能，那种难度是不可同日而语的。

❺ 本人要应聘前端工程师和美工，希望有经验的前辈对我讲下你们的面试经历，还有项目经历，万分感谢。

1.首先简历要做好，能让面试官从你的简历上感觉到你曾经做过什么能做什版么，而不是仅仅权能看到你所具备的技术
2.面试时千万不要紧张，侃侃而谈，即使问到你不会的点也不要直接说不会，你可以说最近正在学这点或者说以前做过时间长有点记不清了
3，要有拿的出手的项目，讲项目的时候主要讲你负责的内容用到的技术，围绕这点去讲，这时候还可以适当提出你的优点和擅长的技术，如果是新人没有项目经验，最好不要直说，可以说有过实习经历，或者提前在网上找几个小项目的例子。
总之，千万不要表现的自己什么都不会，什么都没经验，不会的都说正在学习。
望采纳。

❻ web前端面试怎么说

面试方法

• 代码编写笔试
  

• 问答式
  

过程遵循 STAR 面试法 。

校招和社招的是不一样的，校招会更加关注基础知识，而社招会更加关注之前做过的项目情况。


项目相关



面试其实说白了就是根据一个人之前的经历，来判断出后续这人会做得怎样，如果你之前从没做成过一件事情，凭什么让别人相信你之后能做成呢？因此无论哪里的面试都会问你之前做过的项目

项目可以是多人协助开发一个产品，也可以是自己个人做过的业余应用，只需介绍 1、2 个就够了，需要注意的是 1 + 1 != 2，做了两个平庸的项目不如做了一个好项目。

一般来说会问如下几方面的问题：

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

• 项目背景

• 为什么要做这件事情？

• 最终达到什么效果？

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

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

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

技术相关 - 1 面



技术一面主要判断对基础知识的掌握

• 描述一个你遇到过的技术问题，你是如何解决的？

• 这个问题很常见，有没有遇到过很不常见的问题？比如在网上根本搜不到解决方法的？

• 是否有设计过通用的组件？

• 请设计一个 Dialog（弹出层） / Suggestion（自动完成） / Slider（图片轮播） 等组件

• 你会提供什么接口？

• 调用过程是怎样的？可能会遇到什么细节问题？

技术二面主要判断技术深度及广度

• 你最擅长的技术是什么？

• 你觉得你在这个技术上的水平到什么程度了？你觉得最高级别应该是怎样的？

• 浏览器及性能

• 这些优化方法背后的原理是什么？

• 除了这些常规的，你还了解什么最新的方法么？

• （这个问既考察技术深度又考察技术广度，其实要答好是相当难的，注意越详细越好）

• 一个页面从输入 URL 到页面加载完的过程中都发生了什么事情？越详细越好

• 谈一下你所知道的页面性能优化方法？

• 如何分析页面性能？

• 其它

• 除了前端以外还了解什么其它技术么？

• 对计算机基础的了解情况，比如常见数据结构、编译原理等

兴趣相关

• 最近在学什么？接下来半年你打算学习什么？

• 做什么方面的事情最让你有成就感？需求设计？规划？具体开发？

• 后续想做什么？3 年后你希望自己是什么水平？

主动性相关

• 在之前做过的项目中，有没有什么功能或改进点是由你提出来的？

• 是否有参与和改进其它开源项目

❼ web前端面试怎么介绍

• 你的笔试题, 根据其做延伸.

• 你的简历, 技术栈、工作外学习情况、项目经验. 第一页很重要, 最好都能掌握, 有亮点更好.

• 面试官额外的延展的知识点, 随机问,看你运气和积累(一般会提及到 ES6、解决实际问题的方法、数据结构与算法都有可能).

应对

• 刷题, 各种基础题会帮你快速回忆起来, 比你看书快, 如果基础不好的话, 看书好好学学吧.

• 简历上自己写的东西, 要能说出来.

• 积累, 每次面试不成功就回来填坑吧, 还是有掌握不到位的. 我觉得能坚持下来的话, 找工作只是时间问题.

• 据公司业务不同, 着重点不一样, 公司能把你简历挑出来, 就说明有用人单位感兴趣的部分.

• 可能你写的是熟练使用 Vue, 公司也是这个技术栈.

• 可能你知识写的全面, 公司想面面你实际掌握怎么样.

• 可能你项目写的贴合用人单位需要, 比如都是做后台管理的.

框架问题: (Vue 举例, 3框架实质问题差不多, 具体有些差异)

• 封装过哪些组件?有自己写过 UI 组件吗?

• 什么是 MVVM , 和 MVC 是什么区别, 原理是什么?

• 父子组件怎么通信的?

• 兄弟组件怎么通信的?

• 生命周期有哪些, 怎么用?

• Vue 全家桶都用过哪些?具体怎么用?

HTML5 + CSS3

• 盒子模型

• 如何给未知宽高的图片垂直居中对齐? 有几种方法?

• 移动端的 rem 布局.

• 前端可以做哪些优化, 或问你 SEO, 基本都问.

• 清除浮动方式和原理, 基本都问. 几种方式? 原理? 为什么要用伪元素? 具体代码怎么写,为什么这么写?

• 清除浮动就会涉及到 BFC 的问题.

• 给你实际页面例子, 让你口述布局或手写实现细节, 可以使用几种方法, 怎么写兼容性好, 拓展性好.

• 具体 API 哪个 CSS 版本的?

• CSS3 新增了哪些 API?

• 可能问你哪些 API 是 CSS 哪个版本的? 兼容性怎么样.

• CSS hack 是什么? 包含什么? 怎么处理兼容性问题?

• HTML5 新增了哪些 API? 哪些比较常用? 用来做什么? 实际怎么用?

• cookie, session, localStrorage, sessionStorage 区别, 具体怎么用代码去操作?

JavaScript

• 变量声明提升的问题.

• 闭包的原理, 闭包的各种题, 基本都问.

• DOM2 事件流, 冒泡和捕获问题?

• this 指向问题, 一般都是在笔试题里, 拿着问你, 问的比较多.

• call 和 apply 区别? 有的还会加问 bind?

• 面向对象编程中的继承问题, 原型链问题在笔试题里比较常见.

• jQuery API , 各种操作 DOM 用法, 还有一些新的 API, 这种在不用 3 大框架的公司会问的很详细.

• 可能有些考算法结构的, 可以了解一下, 一般前端掌握的很少.

• Ajax 基本都问, 问的细节可能不同, 比如 get 和 post 有什么区别?

• 数组的方法 - es6 以下基本都能熟练使用, 应该会加分不少

• 字符串的方法 - 拼接, 截取, 带些正则

• 数组去重问的挺多的(解法很多, ES6 有很多简短写法)

• ES6 的 Promise , 很多都会问. 如果公司用框架或者你写了, 还会问你 Class.

• var, let, const区别, 问的多.

• 栈和队列结构, 有的会问.

• 跨域问题: 同源策略, 解决方案, 解决原理(比如 jsonp 的原理), 这里都是高发区.

❽ 前端面试一般问什么

前段面试一般的来说面试官是想了解你的基本沟通能力和大体的处事性格和能力

❾ 准备前端面试要多久

大型公司一般是两个小时左右。我之前在的那家公司，在面试前端时，首先是人事面试版，大概需要15-20分钟。人权事通过了，由技术老大面试，聊的觉得可以就直接上机操作完成页面内容。总体时间上下来估计是需要两个小时。

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

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

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

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

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

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

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

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

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

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

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

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

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

面试题系列：

网页链接