以 HTML5 Boilerplate 为基础的前端面试题
2014-09-28 本文已影响3008人
阿树
最近老大让我出一套关于前端的面试题，不想重复网络上的题库。考虑一会，决定采用 HTML5 Boilerplate 这套优秀的前端模板作为基础进行拓展，主要考察日常的前端开发的基础知识，偶尔插入一些平时具有好奇心才会去了解的知识 (O_O)？。
要点：
题目类型：技术视野、项目细节、理论知识、案例题
进行追问：延展问题的广度和深度，得知真实实力。因为关联性知识是长期学习获得，难以依靠临时记得。
关于IE hack，条件注释 <html> 相比 CSS hack 的优势是？
ie-hack.png
追问：
- 日常开发中，是否进行过 IE 兼容的开发，采取过什么样的方式处理？
- 对 Modernizr.js 是否了解，讲讲它的运行机制。如不了解，谈下对于渐进增强和优雅降级之间的理解？
延伸阅读：Conditional Stylesheets vs CSS Hacks? Answer: Neither!
网站的 SEO 可以从前端那些方面进行优化？
<title></title>
<meta name="description" content=“”>
追问：
- 关于 HTML 语义化
<h1>、<h2>、<h3>与<strong>、<b>、<em>的意义以及何时使用 ？ - 谈下关于 http 200 和 304 分别代表的意义，以及 AJAX 状态有哪几种，你常用的状态是？
- 请解释 JSONP 的工作原理，以及它为什么不是真正的 AJAX？
延伸阅读：浅谈前端与SEO
Normalize.css 和 Reset.css 的区别？
<link rel="stylesheet" href="css/normalize.css”>
追问：
Normalize.css 的作者 necolas 提出 「A new micro clearfix hack」，请你谈谈其工作原理，以及你还有其他清除浮动的技巧吗？（以下为代码）
clearfix
延伸阅读：A new micro clearfix hack
关于 jQuery，请指出 $ 和 $.fn 的区别，或者说出 $.fn 的用途？
src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"
追问：
- 能否使用原生 javascripts 写一个弹窗效果，讲讲其原理，以及需要注意的地方？
- 除了可以使用 CDN 提升前端性能，还有什么可以提升前端性能的方式？
- 当网站带有大量图片，如何专门针对图片进行性能优化？
Google Analytics 采用的是什么加载方式？谈你你了解的 javascripts 加载方式有哪几种？
google-analytics
追问：
- AMD 与 CommonJS 的区别？
- 对 NodeJS 有实践经验吗？如果谈谈你做过相关的项目？
Last:
日常如何了解前端资讯和学习前端知识？
