前端攻略系列(二) - 前端各种面试题
2012-01-31 23:12 聂微东 阅读(65211) 评论(74) 编辑 收藏 举报幸运且光荣的被老大安排了一个任务 - “去整理些前端面试题”。年前确实不是招人的好时候，所以我们前端团队经过了超负荷的运转，终于坚持过了春节。春节以后就开始招人啦，这套题考察的目标就是基础基础再基础，嘿嘿。
事先声明：
- 这些题目的来源：面试曾经被问过；工作被别人问过或者遇见过；网上看见过...
- 答案真心不给提供，真的是许多问题都需要个人的理解和沉淀，所以还请各位自己动手...前端可以试试自己差不多能回答多少题，哈哈。
- 其实很多题我也没有好答案，面试的时候如果遇到牛人我也可以顺便交流交流，反正我也只是一面，不丢人也不怕丢人。
- 如果朋友们有好的面试题欢迎提建议，我会其实补充更新的，先谢谢各位了。
HTML相关
- <!DOCTYPE>标签的定义与用法。
- 块级元素和行内元素都有哪些？
- 你真的了解HTML吗？ 雅虎面试题 把前面黄底那段拿去搜索下就知道了(曾在某浪公司面试的时候被问到过，确实是很好的问题)。
CSS相关
- 介绍所知道的CSS hack技巧(如：_， *， +， \9， !important 之类)。
- 介绍CSS盒模型。
- CSS层叠是什么？介绍一下。
- 都知道哪些CSS浏览器兼容性问题。
- 有时会被问到些***钻点的题，比如position值都有哪些，CSS3都有哪些新内容...
JavaScript基础相关
- HTTP协议的状态消息都有哪些？(如200、302对应的描述)
- AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解决办法?
- 同步和异步的区别?
- 简述JavaScript封装。
- JavaScript继承有哪两种形式形式，进行描述。
- 什么是闭包？以下代码点击<p>会输出什么？为什么？能大概说明白的话继续问能想出几种解决办法。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>闭包演示</title>
<style type="text/css">
p {background:gold;}
</style>
<script type="text/javascript">
function init() {
var pAry = document.getElementsByTagName("p");
for( var i=0; i<pAry.length; i++ ) {
pAry[i].onclick = function() {
alert(i);
}
}
}
</script>
</head>
<body onload="init();">
<p>产品 0</p>
<p>产品 1</p>
<p>产品 2</p>
<p>产品 3</p>
<p>产品 4</p>
</body>
</html> - 在JS中this关键字的使用场合和用法(如在构造函数中、setTimeout中等)。
- 简述下cookie的操作，还有cookie的属性都知道哪些。
- IE与FF的JS兼容性都知道哪些。
- DOM操作 - 怎样添加、移除、移动、复制、创建和查找节点(这个问题真心是基础题，一般不会问)。
jQuery相关
- jQuery源码是否尝试去读过？说说基本的架构或者 jQuery.fn.init 中都做了哪些判断。
- 都知道哪些不好的jQuery书写方式。
- Sizzle是否有读过？
其它相关的加分项：
- 都使用和了解过哪些编辑器？都使用和了解过哪些日常工具？
- 都知道有哪些浏览器内核？开发过的项目都兼容哪些浏览器？
- 国内外的JS牛人都知道哪些？
- 瀑布流布局或者流式布局是否有了解
- 正则表达式有系统学习过吗(看书或网上教程)？有的话就问问简单点的邮箱验证、URL验证， 或者问问 贪婪匹配与懒惰匹配 的理论知识。
- Node.js是否有过尝试？到什么程度？说说个人理解的看法？
- HTML5都有哪些新的JS API？
- 前端优化知识都知道哪些？
- 基础算法题（如快速排序，能否一两句说说重要的核心原理或者数组消重等）。
- 是否有接触过或者了解过重构。
如果觉得此文还算用心，请劳驾点击右下角的推荐^.^ 。
即将离职，再为老东家出一份力吧。公司网址 www.baifendian.com ，工作地点 北京总公司、沈阳分公司 都行。待遇的话我确实不方便多说，不过以国内的标准来说算是不错的。
对前端职位感兴趣的话可以发简历至 peng.zhang@baifendian.com ，title请注明来自博客园，谢谢(感觉利用博客招人有点罪恶感，所以就把字设置的小一些吧^.^)。
