hr如何面web前端开发 面试Web前端需要注意什么？会面试哪些问题？

今天我爱编程网小编整理了hr如何面web前端开发 面试Web前端需要注意什么？会面试哪些问题？相关信息，希望在这方面能够更好的大家。

web前端开发面试流程是怎样的？

首先投简历，等待面试通知。第一次面试填资料，做测试题；等一面通过之后接着二面，二面一般是技术面试，有些公司是通过之后直接进行3面有些是改天再进行3面，3面一般就是项目经理或总经理问你一-些各种各样的问题，如果3面都过了，基本上就是面试成功了。但是不同公司的面试流程也不相同。web前端开发推荐千锋教育。

Web前端面试攻略：
1.简历要写好
毕业生如果是不会写的话，首先要借鉴优秀的简历模板，一定不能杂乱无章。关于简历模板可以寻找前端专用模板。除了排版，前端的简历最好是有——工作经验和工作项目。如果是实习生可以写上自己的学校经历，还有一些证书，英语四六级证书、国家计算机二级证书、普通话证书等都可以在简历上填写，会是一个加分项。
2、选择和了解好企业
在投递之前需要自己去认真的了解一下自己投递的公司，不要被招聘app上的图片和薪资所迷惑。要仔细考察公司对工作技能的要求、福利待遇等等，选择自己合适的去投，或者是听从自己学习机构的一些建议和推荐。
3、做好汇总
简历上写过的技能点，一定要认真的牢记。还有就是自己做过的项目，一定要准备好项目上的总结，具体的牢记的问题可以参考下面四点。项目：项目是什么样的项目、采用的技术和技术扩展、问题和解决、经验。

想要了解更多web前端开发的相关信息， 推荐咨询千锋教育 。千锋Java现已拥有成熟独立的项目库，项目均1：1引进大厂项目，授课采用 CREA 项目研发模型，即 Cooperation、Research、Exercise、Alliance，以项目促进高质量教学。多场景，多学科联动为学员的技能实战提供高度还原的真实演练场，充分赋能学员简历价值，打造企业直聘班，得到广大学员一致认可。

面试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 modules，constructors，数据类型，以及盒子模型。我经常都会随着面试者的进行去选择相应的问题

;

以上就是我爱编程网小编给大家带来的hr如何面web前端开发 面试Web前端需要注意什么？会面试哪些问题？全部内容，希望对大家有所帮助！