原英文版的面试题目地址http://h5bp.github.io/Front-end-Developer-Interview-Questions/
初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的！前端还是一个年轻的行业，新的行业标准， 框架， 库都不断在更新和新增，正如赫门在2015深JS大会上的《前端服务化之路》主题演讲中说的一句话：“每18至24个月，前端都会难一倍”，这些变化使前端的能力更加丰富、创造的应用也会更加完美。所以关注各种前端技术，跟上快速变化的节奏，也是身为一个前端程序员必备的技能之一。
正文：
问题列表
- 一般问题
- html问题
- css问题
- js问题
- 网络问题
- 编码问题
- 有趣的问题
1一般问题：
- 这周你学了什么？
- 是什么激发你对编码的兴趣吗？
- 你经历过的最新技术挑战是什么？你是如何解决的？
- 什么用户界面，安全性，性能，搜索引擎优化，维护或技术方面的考虑，你在构建一个网络应用程序或网站吗？
- 谈谈你的首选开发环境。
- 你熟悉哪些版本控制系统？
- 创建一个网页时，你能描述一下你的工作流程吗？
- 如果你有5个不同的样式，你能将它们整合到网站？
- 你能描述进行渐进增强和优雅降级之间的区别吗？
- 你如何优化网站的资产/资源？
- 一个浏览器下载多少资源在一个给定的时间？
- 什么是例外？
- 命名3种方式来减少页面负载（感知的或实际的负载时间）。
- 如果你跳上了一个项目，他们使用的标签和你使用的空间，你会做什么？
- 描述你将如何创建一个简单的幻灯片页面。
- 如果你能掌握一项技术，这将是什么？
- 解释标准和标准机构的重要性。
- 无样式内容的闪光是什么？你如何避免fouc？
- 解释什么是ARIA，屏幕阅读器无法进行，如何使网站访问。
- 解释的利弊与JavaScript CSS动画动画。
-
HTML的问题：
什么是一个DOCTYPE的吗？
标准模式和特殊模式之间的区别是什么？
HTML和XHTML之间的区别是什么？
在服务页application/xhtml+xml任何问题？
你如何以多语言的内容服务于一个页面？
什么样的事情，你必须警惕的设计或开发多语言网站？
数据属性有什么好处？
考虑到HTML5作为一个开放的网络平台。HTML5的基石是什么？
描述之间的差异sessionStorage和本地存储的Cookie。
描述之间的差异<脚本>，< >和<脚本脚本异步延迟>。
为什么这是一个好主意的位置一般CSS <链接>之间的<head> </头>和<脚本> JS就在<< /体”？你知道什么例外吗？
什么是渐进渲染？
你用不同的HTML模板语言之前？
CSS的问题：
在CSS类和ID之间的区别是什么？
之间的区别是什么“复位”和“规范”CSS？你会选择哪一选择，为什么？
描述漂浮物以及它们如何工作。
描述如何形成z-index层叠上下文。
描述了BFC（BFC）和它是如何工作的。
什么是各种结算技术，这是适当的什么情况下？
解释CSS精灵，和你将如何实现在一个页面或网站。
你最喜欢的图像替换技术是什么？
您将如何解决固定浏览器的具体造型问题？
如何为功能受限的浏览器服务？
你用什么技术/方法？
视觉上隐藏的内容的不同的方式（和使它只能用于屏幕阅读器）？
你是否曾经使用过一个网格系统，如果是这样，你更喜欢什么？
你使用或实施媒体查询或移动的具体布局/ CSS？
你熟悉的造型SVG？
你如何优化你的网页打印？
有什么样的“陷阱”编写高效的CSS？
使用CSS预处理器的优点/缺点是什么？
描述你喜欢什么和不喜欢你用CSS预处理器。
如何实现一个网页设计公司，使用非标准的字体？
解释如何确定哪些元素匹配浏览器的CSS选择器。
描述一下伪元素，并讨论它们的应用。
解释你的盒模型的理解，你将如何在CSS盒模型在不同的渲染你的布局告诉浏览器。
* {框大小：边框框；}吗？它的优点是什么？
列出您可以记住的显示属性的许多值。
内联和内联块之间的区别是什么？
相对的，固定的，绝对的和静态的元素的区别是什么？
“C”在CSS是层叠。如何优先确定分配的风格（几个例子）？你如何利用这个系统来你的优势？
现有的CSS框架你在本地使用，或在生产？你如何改变/改善他们？
你有了新的CSS flexbox或网格规格？
如何响应设计不同的自适应设计？
你曾经和视网膜图形工作过吗？如果是这样的话，你用什么技术？
有什么理由你会想用translate()代替绝对定位，或反之亦然？为什么呢？ -
js的问题：
解释事件委托
解释JavaScript如何工作的
解释原型继承如何工作的
你对AMD vs CommonJS的理解？
解释为什么下面不工作的生活：功能foo() { }（）；。
有什么需要改变，适当地使它的生活？
一个变量是有什么区别：空，未定义或未申报的吗？
你怎么去检查这些状态？
什么是关闭，以及如何使用一个？
匿名函数的典型用例是什么？
你如何组织你的代码？（模块模式，经典继承？）
宿主对象和本地对象的区别是什么？
区别：功能person() { }，无功的人= person()，无功人=新person()？
这是什么区别？打电话和申请吗？
解释function.prototype.bind。
当你使用文档。write()？
什么是之间的差异特征检测，特征推理，并用UA字符串？
解释Ajax尽可能详细地。
如何解释JSONP作品（以及它如何不是Ajax）。
你用过JavaScript模板？
如果是的话，你用了哪些库？
解释“提升”。
描述事件冒泡。
“属性”和“属性”之间的区别是什么？
为什么是扩展内置的JavaScript对象，不是一个好主意？
文件加载事件和文档准备事件之间的区别？
=和= = =？
解释同源策略对于JavaScript。
做这项工作：
重复（[1,2,3,4,5]）；/ / [ 1,2,3,4,5,1,2,3,4,5 ]
为什么它被称为三元表达式，什么是“三元”这个词表示？
什么是“使用严格”；？使用它的优点和缺点是什么？
创建一个循环迭代到100，输出“嘶嘶”3的倍数，“嗡嗡”在5的倍数和“FizzBuzz”在3和5的倍数
为什么是一个好主意，离开一个网站的全球范围内是和从未接触到它？
你为什么要使用一些类似的负载事件？这件事有弊吗？你知道有什么选择吗？为什么你会用这些？
解释什么是一个单页应用程序，以及如何使一个搜索引擎优化友好。
你的承诺和/或他们的polyfills经验的范围是什么？
通过承诺而非回调的利弊是什么？
什么是一些在语言编译为JavaScript编写JavaScript代码的优点/缺点？
测试问题：
测试你的代码有哪些优点/缺点？
你用什么工具来测试你的代码的功能？
单元测试和功能/集成测试的区别是什么？
一个代码风格静态分析工具的目的是什么？