前端开发人员面试问题[关闭]


73

在Stack Overflow和其他地方,对于软件开发人员来说,有很多很好的面试问题(甚至是“难题”),但是我想知道是否有人对前端开发人员的职位有一些好的问题。我们正在寻找知道HTML + CSS + JS的人。

一些明显的问题:

  • 您是否使用过JavaScript库?-后续行动:哪一项以及为什么要比其他一项高?
  • 您是否在关注HTML5和CSS3的开发?-后续行动:您最期待哪些功能,为什么?

您是否知道前端开发人员的任何“困惑”?也许是JS嗡嗡声?

编辑:将两个问题更改为更加开放。


70
casperOne,这是一个写得很好,很受好评并且得到很好回答的问题。您不应该关闭这样的问题,这是一种愚蠢的举动。堆栈溢出不是一种简单的问答形式-答案的提高意味着即使没有特定的答案,通常最好的结果也可以排在首位。您应该重新打开这个问题
英国电信

6
我同意@BT-我正在追赶一些旧的堆栈溢出播客,Joel和Jeff都说他们希望该站点成为知识的记录。下面的答案没有被争论-而是有很多不同的方法可以测试开发人员。答案越多越好。我到达这里是因为我正在采访前端开发人员,并且我想回答几个可以很好地筛选其技能的问题-因此,我可以从页面上的答案中获得合理的使用。
br3w5 2012年


我在这里为初学者级前端开发人员汇编了一些aamirshahzad.net/…–
Aamir Shahzad

这里已经有很多好东西了。我很惊讶没有人提到这一点: github.com/h5bp/Front-end-Developer-Interview-Questions
Vikram

Answers:


39

这取决于您要面试的水平。我最近完成了对前端职位的一轮不错的采访(并找到了一份好工作!!),这是我被问到的一些我认为比较突出的问题(比其他问题更具挑战性)。

  • 解释JavaScriptcallapply函数之间的区别。

  • 拼图:模拟游戏“ Secret Santa”,其中有3个或更多参与者,没有参与者可以收到自己的礼物或收到不止一件礼物。用JavaScript做到这一点。

  • 确定使用HTML / CSS清除浮动元素的两种方法。

  • 事件冒泡和事件捕获之间有什么区别?

  • 描述您在IE6或IE7中遇到的渲染问题,以及解决方法。

  • 定义术语“闭包”并在JavaScript中给出一个示例。

  • 解释IE和DOM标准事件模型之间的区别。

  • 从服务器评估JSON的正确方法是什么,为什么这是正确的方法?


15

您提出的问题太容易被虚张声势。“您使用过JavaScript库吗?是的。JQuery。” 那不会告诉你太多。我建议将问题更像这样:

  • 为我描述如何为JQuery编写扩展。
  • 描述JQuery的体系结构并将其与YUI进行比较
  • 如果可以的话,您对HTML5 / CSS3有什么改变?
  • HTML5中您最喜欢的功能是什么?您将如何使用它?

这些不仅是对事实的认可,更是一种理解。

您可以简单地用Javascript发出嘶嘶声。不会痛的。


8

我想问一下将经典论文(即期刊,杂志等)“转换”为html语义正确的标记。

它有助于了解开发人员是否了解语义,seo等。

我想问的其他一些问题:

  • 如何解释DOM。
  • 为什么以及何时应使用div?(即,并非每次都仅在标记不足或需要包装多个元素时)
  • 使用ID时,使用类时?
  • 您是否对ID和类使用某种命名约定。

因此,我想提出一个有助于找到逻辑人物的问题,而不是了解所有功能但具有良好分析能力的人。我认为您必须在技能和经验之间有所作为。

并且大多数问题已经被其他人列出。


将经典论文转换为HTML-辉煌。在2015年,这可以通过以下方式得到解决:*将经典论文转变为完全响应的网站*如果要成为单页Web应用程序,您将如何处理内容体系结构*奖励-您能否构建基本的API来馈送数据API(适用于全栈候选人)
Ady Ngom

3
  • 是什么促使您创建美观且实用的网站?
  • 您认为通过网络和社交媒体进行数字营销的优势是什么?
  • 您对Web开发的哪些领域感兴趣?请从最感兴趣到最不感兴趣。(设计,代码(HTML,CSS),交互性(Flash,silverlight,jQuery),可用性,SEO等)。
  • 为什么写出好的语义代码,将信息(HTML)与布局(CSS)和行为(javascript)分开很重要
  • 什么是适合您的好网站?随时显示示例

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.