常见的前端面试题（含答案）

一般问题

• 你用Twitter吗？ （在天朝最好问你用微博吗？）

  • 如果用，你都关注那些人？
  • 关注了几个前端大牛、高中同学、电影和旅行。

• 你用Github吗？

  • 如果用，你关注的项目有什么？
  • 还没，看来要关注一下了。

• 你关注的博客有那些？

• 没有专门去关注谁，有技术问题和闲暇会翻一翻，看来也要关注一下了。

• 你使用那些版本管理系统，比如Git，SVN等？

• vss、svn、git都使用过，感觉svn比较方便。

• 你常用的开发环境是怎样的？比如操作系统，文本编辑器，浏览器，及其他工具等。

• editPlus，各种浏览器，firefox、ie6789、chrome、Safari、oprea。

• 你能描述一下你制作一个网页的工作流程吗？

• 1.拿到原型图切图。　　2.用html+css布局整个页面。　　3.测试浏览器兼容性。　　4.用javascript制作特殊效果。

• 你能描述一下渐进增强和优雅降级之间的不同吗?

  优雅降级（graceful degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。

  渐进增强（progressive enhancement）：一开始只构建站点的最少特性，然后不断针对各浏览器追加功能。

  官方解释是这样的，理解一下优雅降级，主要体现在浏览器上、在最强大的浏览器上例如chrome或safari做出完整的体验，然后在ie6上根据差异修改一些重大bug、或做出一个体验不那么强的版本。

  渐进増强，意为先做出一个可以兼容所有浏览器的版本，然后逐步提升体验效果。其实软件的迭代或者说网页的发展过程，从html到javascript到html5、css3就是一个渐进增强的过程。

  • 如果提到了特性检测，可以加分。
  • 特性检测即为检测所使用的浏览器是否支持某css或者js方法，而不是专门去写浏览器检测，浏览器检测例如：当ie6时调用某方法、ie7调用另一种方法。

• 请解释一下什么是语义化的HTML。

• 语义化意为标签使用规范的tag标签，比如要强调的文字用<strong>、<em>，而不是去写css的fontsize做出相应的效果。语义化的网页的好处，最主要的就是对搜索引擎友好，有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取，你网站的推广便可以省下不少的功夫。语义 Web 技术有助于利用基于开放标准的技术，从数据、文档内容或应用代码中分离出意义。

• 你更喜欢在哪个浏览器下进行开发？你使用那些开发人员工具？

• 喜欢在ie9和firefox下，一般用ie9的调试工具和firebug。

• 你如何对网站的文件和资源进行优化？

• 合并js文件、合并css中共同点较多的节点改写成通用css，利用CSS Sprite技术合并图片，采用CSS Sprite技术合并UI图片等小而不变的图片为一张图片。
• 链接请求数、下载页面和页面内容，这三个方面是优化网站的重点。
• 转载自： http://www.cnblogs.com/bugluo/archive/2012/11/09/2762423.html