前端攻略系列(二) - 前端各种面试题

　幸运且光荣的被老大安排了一个任务 - “去整理些前端面试题”。年前确实不是招人的好时候，所以我们前端团队经过了超负荷的运转，终于坚持过了春节。春节以后就开始招人啦，这套题考察的目标就是基础基础再基础，嘿嘿。

　　事先声明：

这些题目的来源：面试曾经被问过；工作被别人问过或者遇见过；网上看见过...
答案真心不给提供，真的是许多问题都需要个人的理解和沉淀，所以还请各位自己动手...前端可以试试自己差不多能回答多少题，哈哈。
其实很多题我也没有好答案，面试的时候如果遇到牛人我也可以顺便交流交流，反正我也只是一面，不丢人也不怕丢人。
如果朋友们有好的面试题欢迎提建议，我会其实补充更新的，先谢谢各位了。

　　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>

复制代码