翻译 前端面试题目

 原英文版的面试题目地址http://h5bp.github.io/Front-end-Developer-Interview-Questions/

 

初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的！前端还是一个年轻的行业，新的行业标准， 框架， 库都不断在更新和新增，正如赫门在2015深JS大会上的《前端服务化之路》主题演讲中说的一句话：“每18至24个月，前端都会难一倍”，这些变化使前端的能力更加丰富、创造的应用也会更加完美。所以关注各种前端技术，跟上快速变化的节奏，也是身为一个前端程序员必备的技能之一。

 

正文：

问题列表

    1. 一般问题
    2. html问题
    3. css问题
    4. js问题
    5. 网络问题
    6. 编码问题
    7. 有趣的问题

 

 1一般问题：

    1. 这周你学了什么？
    2. 是什么激发你对编码的兴趣吗？
    3. 你经历过的最新技术挑战是什么？你是如何解决的？
    4. 什么用户界面，安全性，性能，搜索引擎优化，维护或技术方面的考虑，你在构建一个网络应用程序或网站吗？
    5. 谈谈你的首选开发环境。
    6. 你熟悉哪些版本控制系统？
    7. 创建一个网页时，你能描述一下你的工作流程吗？
    8. 如果你有5个不同的样式，你能将它们整合到网站？
    9. 你能描述进行渐进增强和优雅降级之间的区别吗？
    10. 你如何优化网站的资产/资源？
    11. 一个浏览器下载多少资源在一个给定的时间？
    12. 什么是例外？
    13. 命名3种方式来减少页面负载（感知的或实际的负载时间）。
    14. 如果你跳上了一个项目，他们使用的标签和你使用的空间，你会做什么？
    15. 描述你将如何创建一个简单的幻灯片页面。
    16. 如果你能掌握一项技术，这将是什么？
    17. 解释标准和标准机构的重要性。
    18. 无样式内容的闪光是什么？你如何避免fouc？
    19. 解释什么是ARIA，屏幕阅读器无法进行，如何使网站访问。
    20. 解释的利弊与JavaScript CSS动画动画。

  2. 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()代替绝对定位，或反之亦然？为什么呢？

  3. 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代码的优点/缺点？
    测试问题：
    测试你的代码有哪些优点/缺点？
    你用什么工具来测试你的代码的功能？
    单元测试和功能/集成测试的区别是什么？
    一个代码风格静态分析工具的目的是什么？

posted @ 2015-12-02 21:37  郭康勋kawhi  阅读(347)  评论(0)  编辑  收藏  举报