原标题:前端HR的面试套路,你懂几个?

面试前端工程师对我来说是一件非常有意思的事,因为面试过程很大程度上也是自我提升的过程。经过这几年在行业里的摸索,我总结出了自己的一套很有效的面试前端工程师的方法。反过来说,只要你懂前端HR的这几点,拿到工作offer一定没问题。

1.基本知识

我们生活在互联网时代,你想知道的任何事情几乎都能在15分钟内找到相关信息。可是,能找到信息并不等于你会使用它。

我认为所有前端工程师至少都应该掌握某些基本的知识,才能有效地完成自己的工作。如果一遇到问题,就停下工作上网四处搜索解决方案,怎么可能保证按期完成工作呢?

下面我列出一些基本的知识点,这些都是我认为一名前端工程师(无论工作年头长短)在没有任何外来帮助的情况应该知道的。

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

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

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

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

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

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

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

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

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

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

重申一下,上述这些知识点都应该是你应该“想都不用想”的东西。我一开始问的所有问题都是想摸清你对所有这些领域知识的掌握程度。虽然上面列出的这些知识点并没有面面俱到,但我觉得你至少应该掌握这些,才有可能跟我坐到一间办公室里来。

2.思考问题的知识点

我在任何一次面试中,通常只问三个大问题,但每个问题又会涉及我所能想到的多个方面。回答每个大问题一般要经过几个步骤,这样我就可以在每个步骤中穿插着问一些小问题。

比如说:现在有一个正显示着Yahoo!股票价格的页面。页面上有一个按钮,你可以单击它来刷新价格,但不会重新加载页面。请你描述一下实现这个功能的过程,假设服务器会负责准备好正确的股票价格数据。

这个问题牵扯到一组我想要考察的基本知识点:DOM结构、DOM操作、事件处理、XHR和JSON。如果我要求你对换一种处理股票价格的方式,或者让你在页面中显示其他信息,就可以把更多的知识点包括进来。对于经验比较丰富应聘者,我也可以自如地扩展要考察的知识范围,最简单像JOSN与XML的区 别、安全问题、容量问题,等等。

我还希望应聘者给出的任何解决方案中都不要使用库。我想看到最原生态的代码,你就当页面中没有包含任何库。你说你对哪个库了解多少多少,但我不能把 关于库的知识作为评判能力的因素,因为库是会随时间变化的。我需要的是真正理解库背后的机制,特别是能够徒手写出一个自己的库的人。

3.解决问题的方法

做为一名前端工程师,最值得高兴的事莫过于解决同一个问题会有很多种不同的方法,而你要做的就是找出最合适的方法来。我在提问的时候,经常会在应聘者解释完一种方法后问他们还有没有第二种方法。此时我会跟他们说,假设你的这个方法由于种种原因被否决了,那么你还能不能给出另一种方法。这样做可以达到两个目的。

首先,可以测试出他们是否在毫无意义地复述书本中的东西。不能不承认,某些人确实有过目不忘的天赋,听他们在那里滔滔不绝地讲,你会觉得他们什么都明白。可是,只要一跟这些人谈到怎么查找方案无效的原因,以及能否拿出一个新方案来,他们往往就傻眼了。这时候,如果我听到“我不明白这个方案为什么不够 好”之类的反问,心里立刻就明白我的问题已经超出了他们的能力范围,而他们只是想拿自己死记硬背的结论来蒙混过关。

其次,可以测试出他们已经掌握的(还是那句话,“想都不用想”)浏览器技术知识。如果他们对浏览器平台的核心知识有较好的理解,想出解决同一问题的不同方案根本没有那么难。

对一名前端工程师来说,这绝对是最重要的能力。前端工程师在工作中遇到本该如此却并未如此的难题(说你啦,IE6),应该说是一件很平常的事。一个方案无效就无计可施的人,做不了前端工程师。

考核应聘者解决问题能力的另一层原因,与我的个人喜好有关。在搞清楚应聘者知道什么不知道什么之后,我就会想着问一个他们知识领域之外的问题。这样做的目的,就是想看看他们怎样运用已有的知识解决新问题。在解决问题的每一步,我也准备了一些提示,以防有人会卡壳打艮(在我面前15分钟一言不发,对我 评价这个人毫无帮助)。我真正感兴趣的,是他们能够从上一步前进到下一步。我希望看到一个人就在我眼前学到新知识。

4.要有激情

要成为一名优秀的前端工程师,最重要的莫过于对自己做的事要有激情。我们技能都不是从学校中或者从研讨会上学来的,因此前端工程师必须具备自学能 力。浏览器技术的变化可谓日新月异,所以也只有不断提升自己的技能才做得到与时俱进。我虽然不能强迫谁必须多看博客、不断学习,但想应聘前端工程师的人恐 怕还是必须这么做的。

你怎么知道谁对这种工作有没有激情?实际上非常简单。我只问一个简单的问题:“目前你对什么Web技术最感兴趣?”这个问题永远不会过期,而且也几 乎不可能出错……除非你答不上来。就眼下来说,我希望你对这个问题给出的技术中包括WebSocket、HTML、WebGL、客户端数据库,等等。只有 对Web开发充满激情的人,才会坚持不懈地学习新知识、掌握新技能;这些人才是我真正想要的。当然,我会让他们详细解释自己提到的技术,以保证他们不是随 口说了几个时髦的新词汇。返回搜狐,查看更多

责任编辑:

前端面试技巧和注意事项_前端HR的面试套路,你懂几个?相关推荐

  1. 前端面试技巧和注意事项_前端面试百分之九十九过的技巧

    2020最全的前端面试指南,一个多月 1.8w 字的面试经验积累,凭借它最终成功入职大厂-- 今年的金三银四刚好赶上疫情,很多大公司都停止招聘甚至裁员,想跳槽的小伙伴被打的措手不及. 需求减少要求肯定 ...

  2. 单招计算机面试技巧和注意事项,单招考试的面试技巧和注意事项.doc

    单招考试的面试技巧和注意事项 单招是我国的招生考试中的一种类别,通过高校的自主单招,一样可以圆大学梦,那么在单招中有哪些技巧和注意事项呢?下面来告诉你. 1.穿着要注意 "着装不一定要正装或 ...

  3. 前端面试技巧和注意事项_面试Web前端需要注意什么?会面试哪些问题?

    展开全部 作为一名HTML5前端工程师e69da5e6ba9062616964757a686964616f31333433643664,为了工作,为了就业我们免不了要参加各种各样的面试.为此总结了面试 ...

  4. 前端面试技巧和注意事项_我的前端面试总结(套路篇)

    前言 2018年的秋天,金九银十的秋招季 ,很荣幸,我也加入了跳槽求职的大部队 ,虽然招聘热潮没有每年年初那样疯狂,但是还是看得出很多公司都在大量的求贤,和以往的跳槽不同,这次我主要通过猎头去寻找面试 ...

  5. 前端面试技巧和注意事项_web前端没有项目经验怎么应对面试?(技巧) -

    thinkphp开发的一个项目,登录成功后又跳转到登录页面,在提交信息后输出session都是正常的,没有问题,但是页面跳转后,session出现丢失现象,无法正常完成登陆.通过查找资料,发现原来是b ...

  6. 前端面试技巧和注意事项_web前端面试必看

    前言 又到了金三银四的季节,小伙伴们你们是否满足现状,是否能够接受公司给你的加薪.年终奖金.是不是需要看看web前端行情再做打算呢?我根据目前掌握的知识,以及了解到的内容,和面试其他同学的时候注意事项 ...

  7. 大学生面试技巧与注意事项|实战经验

    据市场调查企业对应届生的要求大多为:实际能力较强,做事踏实,有上进心,有明确的职业规划. 学生拔不拔尖并不是最重要的,最主要是要有强烈的进取心,接受能力快,做事踏实稳重,有明确的发展方向,能找准自己的 ...

  8. 单招计算机面试技巧和注意事项,单招面试技巧和注意事项

    有哪些细节是单招面试的时候需要注意的呢?下面是由学习啦小编分享的单招面试技巧和注意事项,希望对你有用. 单招面试技巧之自我介绍 在高职单招面试时怎样进行自我介绍呢?对于很多缺乏社会交往经验的人来说,要 ...

  9. 计算机专业进中国移动难吗,【计算机】中国移动面试技巧和注意事项

    [计算机]中国移动面试技巧和注意事项 1.面试的时候紧张怎么办? 考生紧张多是由于应试者的卑怯心理和求胜心切而造成的.因此,考生一进面试室,应该去掉"自愧不如人"的意识,确立&qu ...

最新文章

  1. JDBC—02—JDBC的使用;
  2. spoj 179. Word equations (代码等式)
  3. web.py 0.3 新手指南 - 安装
  4. JQuery中的元素选择器
  5. html头部尾部分离组件引入(JQ)
  6. 就在这段时间让自己充实起来
  7. 【JavaFx】eclipse搭建JavaFx开发环境
  8. Gerber文件各层的介绍
  9. Anaconda及TensorFlow安装
  10. html css的参考文献,网页制作论文参考文献大全 网页制作参考文献有哪些
  11. 5G词汇通俗解释(5G核心网部分)
  12. SAP 云平台 (Cloud Platform) 架构概述
  13. 人事管理系统如何做好员工考勤管理?
  14. 2015年小米能否实现1亿部手机的销售目标?
  15. Vue Mixin 与小程序 Mixins 应用
  16. 远程桌面TeamViewer, 向日葵, NoMachine 和 远程控制MobaXterm软件
  17. 移远EC25-xxx国外支持列表
  18. 设置webview的浏览器标识 User-Agent
  19. C语言switch语句用法总结
  20. windows10自动修复无法开机

热门文章

  1. 关于Vue的再次试炼
  2. 原生纯js完美缓冲运动轮播图
  3. 【多场景建模】CIKM2021 阿里妈妈多场景CTR预估模型STAR 论文精读
  4. 成功路上并不拥挤 坚持就是胜利
  5. vmware+双显示器实现双系统同时使用
  6. 在移动设备上使用M3G编程教程(转)
  7. python c++混合编程文档缩减版笔记 -2
  8. linux服务器之间文件传输scp
  9. Win10_11使用VMware等启动虚拟机蓝屏报错等一些列问题解决方案
  10. MAC干净卸载IDEA