返回列表

转载:前端面试收集01

默认分类 2014/09/02 22:57

原文地址:http://handyxuefeng.blog.163.com/blog/static/454521722013111714040259/

http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/
http://rmurphey.com/

备注: 本 repo 包含了一些前端面试问题用于考查候选者。不建议对单个候选者问及每个问题(那需要好几个小时)。只要从列表里挑选一些,就能帮助你考查候选者是否具备所需要的技能了。

Rebecca MurpheyBaseline For Front-End Developers 是你在准备面试前应该阅读的绝佳资源。

记住: 很多问题都是开放的,可以引发有趣的讨论。这比直接的答案更能体现此人的能力。

目录

  1. [最初的贡献者](#contributors

  2. [常见问题](#general

  3. [HTML 相关问题](#html

  4. [CSS 相关问题](#css

  5. [JS 相关问题](#js

  6. [jQuery 相关问题](#jquery

  7. [需编写代码的问题](#jscode

  8. 有趣的问题

最初的贡献者:

备注: 大部分面试题来自于 Paul Irish (@paul_irish) 在 oksoclap 创建的某个帖子和以下个人提供:

常见问题:

HTML相关问题:

CSS 相关问题:

JS相关问题:

function Person()

some cod

}var person = Person();var person = new Person();`

[1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]`

jQuery 相关问题:

$(".foo div#bar:eq(0)")`

JS代码示例:

`javascrip

~~3.14`

问题:上面语句的返回值是什么? 答案:3

`javascrip

"i'm a lasagna hog".split("").reverse().join("");`

问题:上面的语句的返回值是什么? 答案:"goh angasal a m'i"

`javascrip

( window.foo || ( window.foo = "bar" ) );`

问题:window.foo 的值是什么? 答案:"bar" 只有 window.foo 为假时的才是上面答案,否则就是它本身的值。

`javascrip

var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);`

问题:上面两个 alert 的结果是什么 答案: "Hello World" 和 ReferenceError: bar is not defined

`javascrip

var foo = []

foo.push(1)

foo.push(2);`

问题:foo.length 的值是什么? 答案:2

`javascrip

var foo = {}

foo.bar = 'hello';`

问题:foo.length 的值是什么? 答案: undefined

可选的有趣问题:

这句话是直译。在英语里 ship 有一个很重要的意思是 交付,所以这句话可以理解为:你是否正在或曾经交付过产品?(也就是正在一个产品项目的开发过程中,或是已经交付过开发完成的产品或项

独角兽是西方文化中非常普遍的一种吉祥物图腾,类似于中国的龙凤麒麟一类。在西方,开发者常使用独角兽 + 彩虹的设计风格来生成一些装饰用的图像/动画,这些东西可以用来对网站进行一种美化。然而是否真的算美化那就见仁见智了,可以仅仅看做是一种人文文化在开 发者世界里的影射

海盗与忍者之争是互联网文化“动漫化”的标志性话题。首先,它们都很酷,都深受 Geeks 的喜爱,然而他们却各自代表了一种不同的风格。海盗是西式的,崇尚“工具化”,刀剑和枪炮是他们称霸的依仗;忍者则是东方文化的典型,更注重精神和内在的 修行,摒弃“外物依赖”。对于开发者而言,二者的结合当然是最完美的。至于僵尸猴子,大概是说不拘泥于“外物”和“内在”之争,更加开放,更加包容的意 思。