⑴ 没有项目经验的前端应届生，如何面试才会被录用
没有项目经验的前端应届生面试的时候一定要自信，阳光，热情，然后还一定要谦逊有礼，然后要懂得去让面试官知道自己的价值。
⑵ 前端面试遇到机试正常吗
一般很少会让机试。
现在不管前端还是后端的工程师很少会面试的时候直接让你上机操作吧,最多也就会让你手写部分代码,或者先进行笔试,通过后在进行面试。
前端面试不一定都需要笔试。 因为像一些比较技术比较牛的前端开发工程师,它是很难接受笔试,面试的,因为笔试的内容一般都是一些基础方面的内容。
⑶ 前端啥也不会面试过了怎么办
如果面试已经过了的话，那么下班之后可以抓紧时间学习前端：
1、一定要重视基础
首先建立第一条技能线：就是前端由html，css，js组成;然后将其细化为第二条线，html是由html4和html5组成;第三条线，css由css2和css3组成;第四条线，js由es5和es6构成。接下来是框架方面的延伸：css方向有less，html方向有bootstrap，js方向有jquery库。
2、学习要有深度和广度
掌握传统PC端网页布局和制作，UI网站设计，掌握页面设计和原型图设计，编程基础技术，利用js完成一些常见网页的特效开发，后端开发技术，了解Web服务器的工作原理，并可以简单搭建自己的应用程序服务器端;移动互联网应用，掌握现在主流的页面制作技术，可以完成微网站的制作，并可以做到多设备兼容。
3、一定要探索好的学习方式并持之以恒
在技术领域，有太多的东西会迅速的过时，如何能够在这个领域长期处于不败之地，那就一定要有好的学习方式并持之以恒，锻炼自己的学习能力不断的吸收新知识，突破自己，要记得，技术永远没有上限。
简介
端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。
⑷ 面试Web前端需要注意什么会面试哪些问题
作为一名HTML5前端工程师，为了工作，为了就业我们免不了要参加各种各样的面试。为此总结了面试前的注意事项：
第一：注意自己的仪容仪表
面试之前，一定要再次从头到脚地将自己的仪容仪表检查一遍。检查时主要包括，自己的牙缝是不是还有食物残渣，所以你需要就近找一个卫生间，如果没有卫生间就近找一个角落也是可以的，但是切记一定不要在大庭广众之下。因此，为了给自己整理出着装的时间请在约定时间前20分钟到达。
第二：再次检查面试时所需的资料是否都已带全
这些资料主要包括：身份证明、学历文凭证明、个人简历、以往作品等等，如果这些东西齐全之后，需要对这些资料做一个整理与排序。因为没有哪个面试官希望看到面试者拿出一堆“莫名其妙”的东西塞给他，让他自己再一页一页的翻找自己需要的内容，如果说这些资料在面试官手中不小心散落一地，结果可想而知。这样的求职者在面试官眼中也一定不是一个让人放心、有条不紊的员工。当然如果检查时发现资料没有带全，也不要紧张。反而你要庆幸幸亏及时检查，也有足够的时间组织语言去向面试官解释。
第三：面试之前将通信工具调成振动或关闭状态
虽然说面试者与面试官之间是一个平等的关系，但毕竟你是去人家公司求职的，始终处于一个被动的状态，所以最起码的尊重还是要做到的。曾经有调查显示，对于面试过程中接电话或是被电话打断的求职者，会被HR减分。
第四：等候面试官时，仔细观察多了解面试公司
在等候面试官时，可以暗自观察一下公司的大体情况比如员工的着装风格、公司的LOGO或是贴在墙上的企业文化、公司的环境等等，一来可以在接下来的面试过程中表现出自己对公司的认同感，二来也可以让自己对求职公司多些了解，以确定是否要接受这里的工作。如果你身边有公司的资料宣传架，不妨取一本翻看一下，也会增加HR对你的好感。
第五：放松心情，保持自信
面试时一定要保持一定的自信，这样也会给面试官留下很好的印象。面试只是你步入工作的第一步，即便是失败了那也是人生重要的经历。失败是为了更好的迎接下一个挑战。
作为一名web前端工程师千万不要觉得懂技术面试就能万事大吉了，像以上五点细节性的东西也是一定要掌握的。
面试题系列：
网页链接
⑸ HR是如何面试那些前端菜鸟的
HR是如何面试那些前端菜鸟的
xx先后在twi**er,Stripe工作，期间会参加面试工作。实际上参加面试工作的人都知道要想在一个较短的时间内(30min-1h)就对一个应聘者做出判断其实是很难的，因此我们不得不想尽办法去更加合理的去判断面试者。下面是xx理出的一个思路:
如果对方有github账号，我们会尽可能的去了解TA在开源项目上的动态和他的开源项目。我们也会从中挑出一些切入点，通过交流他做这个项目的出发点也能够更好的了解面试者的设计思路，也可以初步的去判断该人是不是适合团队。如果双方交流顺畅，接下来会直接进行到代码等一些基础问题上来。
自己的面试会很实际，几乎全部都是coding,很少会提到算法和一些抽象的概念。自己提出的问题看似简单，但是每一点都涉及到javascript的一些知识领域。
面试的'时候并不建议使用白板，通常希望面试者自己带上自己的笔记本，或者就使用自己的。我会将他们的代码运行，并告知结果。
Object prototype
我起初会提出一个非常简单的问题就是定义一个函数spacify ,将一个字符串作为参数传入，然后返回一个字符串，不过该字符串相对原有传入参数的变化是字母与字母之间多了一个空格。
spacify('hello world') // => 'h e l l o w o r l d'
虽然问题很简单，但这却是一个很好的开始，我们接下来的问题便可以围绕此展开, 尤其对于那些声称自己了解Javascript，但实际却连一个函数都不会写的面试者高下立判。
正确的答案如下，不过一些面试者或许会选择for循环，当然这并没有错
function spacify(str) {
return str.split('').join(' ');
}
接下来，我会继续问如何将这个函数直接作用在一个字符串对象上.
'hello world'.spacify();
这个问题可以让我了解面试者对原型链的理解，这个问题可以让彼此展开一些有讨论，诸如直接在原型链上定义属性的危害等等.实际期待结果:
String.prototype.spacify = function(){
return this.split('').join(' ');
};
一般到这里我会让面试者讲讲函数声明和函数表达式的区别。
Arguments
接下来，我会去了解面试者对于 arguments的理解，我们会要求面试者定一个log函数。
log('hello world');
函数类似实现一个简单的控制台输出，在控制台输出传入的字符串。一边面试者都会在定义的函数里直接写console.log，不过还是有更优秀的面试者会直接使用apply。
function log(msg){
console.log(msg);
}
接下来，我会继续问如果我传入多个参数依旧输出一个字符串 ，我会提示面试者传入的 参数是不固定的，我会暗示xxconsole.log实际上也接受多个参数。
log('hello', 'world');
不过我还是希望您的面试者现在已经想起apply;面试者可能会在apply和 call上困惑，这个时候我会做点小提示，不过将console上下文传入也是非常重要的.
function log(){
console.log.apply(console, arguments);
};
接着我会继续追问，如果我希望在那个输出的字符串前统一加上(app) 这样的字符串，类似于这样:
'(app) hello world'
这个问题明显会复杂很多，面试者应该知道arguments是一个伪数组，我们需要先将它转换成正常的数组，我们可以使用Array.prototype.slice,代码如下:
function log(){
var args = Array.prototype.slice.call(arguments);
args.unshift('(app)'); console.log.apply(console, args);
};
Context
接下来我想了解面试者对于上下文以及this的理解，我会给出下边的代码，让面试者去解释count的值。
var User = {
count: 1,
getCount: function() { return this.count;
}
};
接下来我会给出下面的代码，让面试者去回答应该输出的正确答案。
console.log(User.getCount());var func = User.getCount; console.log(func());
上面的例子中正确输出1和undefined。实际上很多面试者都会在这里跌倒。func的上下文是 `window，因此已经失去了count属性。接下来我回继续追问面试者如何确保func的上下文始终都和User关联，这样可以使输出的答案是1。
正确答案是使用Function.prototype.bind，代码如下:
var func = User.getCount.bind(User); console.log(func());
这个时候我会让面试者去进行完善，如果老的浏览器并不支持该方法，我们应该怎样去兼容。部分基础较差的面试者会比较纠结，但是个人认为任何一位前端工程师都应该对apply和call有着较为深刻的理解。
Function.prototype.bind = Function.prototype.bind || function(context) {
var self = this; return function(){ return self.apply(context, arguments);
};
}
Extra points if the candidate shims bind so that it uses the browser's native version if available. At this point, if the candidate is doing really well, I'll ask them to implement currying arguments.
一个弹窗库
面试的最后y一部分，我会要求面试者写点实际的东西。这个非常有用，足以了解前端的技术栈。如果前面的问题回答的较为理想，这个问题，我会非常迅速的展开最后一个问题的考察。
虽然最终效果取决于面试者的实现，但是这里依旧有足够的考察点。
最好不使用 position:absolute而是position:fixed，这个时候即使窗体有滚动，也可以很好的遮罩住全局。我会提示面试者这样使用，并且追问这两者的区别。
.overlay { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,.8);
}
如何将里面的内容居中也是一个非常重要的考察点。一些面试者会使用绝对定位，而有的面试者则更擅长使用Js。
.overlay article { position: absolute; left: 50%; top: 50%; margin: -200px 0 0 -200px; width: 400px; height: 400px;
}
我会继续问，如何确保点击遮罩层时遮罩层是关闭的?这个问题可以将我们的讨论落脚到 冒泡中来。很多面试者都会直接将点击实践绑定到遮罩层上。
$('.overlay').click(closeOverlay);
这个接下来可以工作了，但是你会发现如果点击了遮罩层中的子元素，遮罩层也会关闭。解决方案是便是判断event target ，并且保证 这个时间不会冒泡。
$('.overlay').click(function(e){ if (e.target == e.currentTarget)
closeOverlay();
});
尾声
当然前面的知识点仅仅是前端的一部分，实际上你还可以问:性能，HTML5 APIs， AMD vs CommonJS moles，constructors，数据类型，以及盒子模型。我经常都会随着面试者的进行去选择相应的问题
;⑹ 头条前端面试二面-已挂
这次挂掉很多原因吧，主要是能力不足占 40% ，能力不足短期很难有质的变化，但是更多的原因是我自己搞砸了占 60% ，
头条简历是我8月投递的，当时简历刚写好，非常不规范，给自己挖了不少坑，10月时，大量面试和修改，简历已经非常不错了。二面主要问简历（早期简历大量涉及后端，且项目经验很多都是17年的）。
头条挂掉可以找很多借口。
最主要的原因是我在suning参与2个项目了，目前应对工作轻车熟路，毫无压力导致自我觉得飘了，不去沉下心看问题了，觉得自己能过了。 你之所以慌就是你那十足的信心毫无足够的根基，因为你飘起来了，所以你会摔得很惨 。
⑺ 前端面个试咋这么奇葩,笔试题根本没啥用
前端面试不一定都需要笔试。
因为像一些比较技术比较牛的前端开发工程师，它是很难接受笔试，面试的，因为笔试的内容一般都是一些基础方面的内容但是这些内容在实际应用过程中是很少用到的，所以一般笔试是很不容易通过的，但是他的技术能力是非常牛的，所以他是不会接受笔试的，有些公司也不一定需要笔试。
⑻ 前端面试题目难吗 如何轻松面对前端面试
从以下五个方面做，可以轻松面对前端面试：
一、基本知识
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设计方面的知识当然也有用，但那都是基本知识之外的东西。只要基本知识在那儿了，一切就都有了基础，想扩充知识面也不难。可是，如果等到正式上班以后，还得从头学习基本技能，那种难度是不可同日而语的。
⑼ 资深HR揭秘：Web前端面试技巧有哪些
Web前端面试技巧
Web前端工程师的面试前的准备:
1. 自我介绍
准备不同时间版本的1 分钟、3 分钟的自我介绍.反复练习,并脱稿,但不是背诵.因为背的话自我介绍就显得十分的生硬,一定要用自然的语言将自我介绍说出来.这样可以给面试官留下很好的第一印象.
2. 预演
搜索一些你应聘的公司和职位,在宿舍里、家里,先自己预演下,可能会被问及的各种问题和答案.即使你不能猜中所有问题--当然HR也不会面面俱到、一直不停的提问,最关键词的只有那么几个.思考问题的过程会让你减轻紧张而且在面试时心里有底.
3. 积极自我暗示
在群面的时候,我们可能会因为别人的发言而绕乱了自己的思路.这时候千万不要乱,适当的做深呼吸调整一下自己,做到沉着冷静,整理好自己的思路,努力回忆自己所学和所掌握的知识,给自己积极的心理暗示,一句话:相信自己能行!你是最棒的.
4. 面试简历一定要准备充分
面试你的人可能不止1 个.预先料到这点.并准备好会显得你做事正规、细致.没有比当被要求提供多一份简历而你却没有.更能表明你缺乏准备的事了.你说呢?
5. 完整而认真的填写公司要求的表格
尽管你认为它们用处不大、尽管你带了简历来,很多公司都会要求你填一张表.你愿意并且有始有终地填完这张表,会传达出你做事正规、做事善始善终.
面试过程:
1. 给面试官留下深刻的印象
最初和最后的五分钟是面试中最关键的,在这段时间里决定了你留给人的第一印象和临别印象以及主考人是否欣赏你.最初的五分钟内应当主动沟通,离开的时候,要确定你已经被记住了.要让人产生好感,富于热情.人们都喜欢聘请容易相处且为公司自豪的人.要正规稳重,也要表现你的精力和兴趣.
2. 学会自我营销
营销自己十分重要,将你所有的优势推销出去,包括你的技术资格,一般能力和性格优点,雇主只在乎两点:你的资历凭证、你的个人性格.你能在以往业绩的基础上工作并适应公司文化吗?谈一下你性格中的积极方面并结合例子告诉对方你在具体工作中会怎么做.
展示你勤奋工作追求团体目标的能力,大多数主考人都希望找一位有创造力、性格良好、能够融入到团体之中的人.你要必须通过强调自己给对方带来的好处来说服对方你两者皆优.
⑽ 前端面试一问三不知怎么办
前端面试一问三不知的时候，千万别慌乱，可以先停一停和面试官说这个问题你需要思考一下再回答，或者说你因为太紧张之类的一时想不起来答案。
有些面试官会直接电话过去要求面试，由于面试者(尤其是学生)处于弱势方，可能并不会拒绝面试要求，但并不意味着面试者处于最佳的物理和精神状态下，有可能会导致面试者不能很好的发挥自己原有的实力。所以如果面试官突然打电话过来。
没有准备好的话，不要怕冒犯面试官，一定要另外约个时间，面试官肯定会再打过来的。遭到否定面试官有可能会否定你描述的一些东西，有可能是你字眼写的太过，比如将“熟悉”的东西写成了“精通”，勾起了面试官的“好奇”。
有可能故意试压，考验你的反应，但遇到否定的时候，不要急于反驳或者是手足无措，而是询问自省和主动讨论。气场不和有的面试官性格严谨沉闷，而面试者可能思维活跃，整个面试过程可能会变成面试官不停的打断面试者让其思维聚焦。
而面试者感到思维不停被打断，很是气恼，影响发挥。这种情况不可避免，但遇到这样的面试官，请保持谦和的态度，重点是展示自己技术的广度、深度，气场不和并不会产生决定性的影响，面试官也不会因为这样的原因而给与错误的评判。
尽量留下好的印象。结束通知有的面试官会在面试结束后说：“我的问题问完了，如果有进一步消息的话，我们会再联系你”。面试的大部分结果，其实当场就出来了，如果你感觉给出结果的时间点不够明确，可以反问他：“如果三天内没有联系，是不是就代表没有通过？”省得让你怀有不确切的希望。
最后，还可以挽留下面试官，讲讲这场面试中你的一些疑惑，获得面试官的反馈，也可以知道自己目前哪一方面做得不足。面试中面对不会的问题面试中遇到问题不会回答，这是非常正常的，毕竟大家在学习过程中遇到的问题，跟我们在工作中遇到的问题是非常不一样的。
除此之外，我们看问题的角度，也是有差别很大的。举个例子，很多人都在看ReactFiber，但是如果问你们，为什么要有Fiber这个东西，可能很多人都回答不上来，因为大家只在社区里面看到说，Fiber是怎么工作的啊。
但是为什么要有Fiber？如果没有会怎样，而这种思考，其实是非常底层的。我相信，很多人可能都没有思考过。那如果遇到的问题不会，你可以先选择不会，说我觉得自己没有信心能答出这个问题，当然我更希望听到你说。
我现在不会，但是你给我两分钟思考一下，我想一下这个问题有没有答案？我觉得这是一个很好的思考习惯，首先你在面对不会的东西是坦然的，我当下不会，很正常，我之前没有思考过这个问题嘛，那我们再花两分钟思考一下。
给一个初步的答案。所以说遇到问题，也不用不会就不会，也可以有一个积极的方式回应。从面试官的角度来说，面试中考察的题目，并不是仅仅考察这道题目本身，题目的对错并不跟最终结果直接挂钩。面试官更希望以题目为契机。
考察面试者分析问题，解决问题的能力，以及交流过程中所体现的逻辑推理和思维方式等。跟面试官聊业务业务跟项目是完全不一样的东西，业务认知和思考也是很重要的一个考察点，这方面面试官可能会问两个点：业务场景和技术突破。
业务场景：面试官会询问面试者他们的产品、业务模式、商业模式等，了解下面试者对于产品的诞生、定位、发展的认知。技术突破：技术与业务相结合这点在阿里也是一直在说但鲜有人做的非常好的地方，所以有的时候也会考察面试者。
看看他们所做的技术是如何从业务出发、给业务带来了哪些改变以及如何去评估两者之间产生的结果。面试结束反向互动面试官在挂断之前，基本会给与候选人反问的机会，一般会表述为“你有什么要问我的吗”？无论面试的怎样。
都希望你能说出心中的疑惑，比如面试中的某个题目、整体的评价反馈、你的建议或者了解所负责的业务，所在的团队等等，而从面试官的角度来看，如果候选人愿意反问你问题，至少能证明他是个好学的人。所以不要放弃这个互动的机会。
面试反馈每场面试结束后，面试官都会在系统里留下面试反馈，如果面试失败，简历会放在人才库里，很多人会在其中捞取简历，以后的面试官也可以看到之前所有的面试记录，之所以讲到这一点，是希望大家在面试中能够保持谦和积极的心态。
认真面对每一场面试，即使这场面试没有成功，但如果展示了好的品质，也会增加被发掘的机会，为你以后面试成功铺路。保持联络如果跟面试官聊的比较好，可以请求加个微信之类的，面试是一个长期的事情，哪怕此次面试没有通过。
以后还可能面试进来的，与面试官保持联络。前端面试题笔记面试会了，面试题也不能落下，这套面试笔记除了有CSS、JS、Vue、React、性能优化、服务器端口、设计模式、数据结构和算法面试题外，加了手写代码面试题。
这下面试官让我们写代码也不怕啦！CSS问题flex布局css3的新特性img中alt和title的区别用纯CSS创建一个三角形如何理解CSS的盒子模型？如何让一个div水平居中如何让一个div水平垂直居中如何清除浮动。