注意 转载须保留原文链接（  ），译文链接，作者译者等信息。  作者：wangwen896    

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

备注： 这些问题中很多都是开放性的，可以引发有趣的讨论。这比直接的答案更能体现此人的能力。

目录 常见问题：

浏览器同一时间可以从一个域名下载多少资源？

有什么例外吗？

HTML 相关问题： CSS 相关问题：

如何为有功能限制的浏览器提供网页？

你会使用哪些技术和处理方法？

使用 CSS 预处理器的优缺点有哪些？

请描述你曾经使用过的 CSS 预处理器的优缺点。

JS 相关问题：

请解释为什么接下来这段代码不是 IIFE (立即调用的函数表达式)：function foo(){ }();.

要做哪些改动使它变成 IIFE?

描述以下变量的区别：null，undefined 或 undeclared？

该如何检测它们？

你使用过 JavaScript 模板系统吗？

如有使用过，请谈谈你都使用过哪些库？

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

请解释可变 (mutable) 和不变 (immutable) 对象的区别。

请解释同步 (synchronous) 和异步 (asynchronous) 函数的区别。

什么是事件循环 (event loop)？

请问调用栈 (call stack) 和任务队列 (task queue) 的区别是什么？

解释 function foo() {} 与 var foo = function() {} 用法的区别

测试相关问题： 效能相关问题： 网络相关问题：

请描述以下 request 和 response headers：

什么是 HTTP method？请罗列出你所知道的所有 HTTP method，并给出解释。

代码相关的问题：

问题：foo的值是什么？

var foo = 10 + '20';

问题：如何实现以下函数？

add(2, 5); // 7 add(2)(5); // 7

问题：下面的语句的返回值是什么？

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

问题：window.foo的值是什么？

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

问题：下面两个 alert 的结果是什么？

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

问题：foo.length的值是什么？

var foo = []; foo.push(1); foo.push(2);

问题：foo.x的值是什么？

var foo = {n: 1}; var bar = foo; foo.x = foo = {n: 2};

问题：下面代码的输出是什么？

console.log('one'); setTimeout(function() { console.log('two'); }, 0); console.log('three');

趣味问题：