幸運且光榮的被老大安排了一個任務 - “去整理些前端面試題”。年前確實不是招人的好時候，所以我們前端團隊經過了超負荷的運轉，終於堅持過了春節。春節以后就開始招人啦，這套題考察的目標就是基礎基礎再基礎，嘿嘿。
事先聲明：
- 這些題目的來源：面試曾經被問過；工作被別人問過或者遇見過；網上看見過...
- 答案真心不給提供，真的是許多問題都需要個人的理解和沉淀，所以還請各位自己動手...前端可以試試自己差不多能回答多少題，哈哈。
- 其實很多題我也沒有好答案，面試的時候如果遇到牛人我也可以順便交流交流，反正我也只是一面，不丟人也不怕丟人。
- 如果朋友們有好的面試題歡迎提建議，我會其實補充更新的，先謝謝各位了。
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請注明來自博客園，謝謝(感覺利用博客招人有點罪惡感，所以就把字設置的小一些吧^.^)。