Web前端年后跳槽必看的各種面試題
幸運且光榮的被老大安排了一個任務 - “去整理些前端面試題”。年前確實不是招人的好時候，所以我們前端團隊經過了超負荷的運轉，終于堅持過了春節。春節以后就開始招人啦，這套題考察的目標就是基礎基礎再基礎，嘿嘿。
事先聲明：
◆ 這些題目的來源：面試曾經被問過;工作被別人問過或者遇見過;網上看見過...
◆ 答案真心不給提供，真的是許多問題都需要個人的理解和沉淀，所以還請各位自己動手...前端可以試試自己差不多能回答多少題，哈哈。
◆ 其實很多題我也沒有好答案，面試的時候如果遇到牛人我也可以順便交流交流，反正我也只是一面，不丟人也不怕丟人。
◆ 如果朋友們有好的面試題歡迎提建議，我會其實補充更新的，先謝謝各位了。
HTML相關
1. <!DOCTYPE>標簽的定義與用法。
2. 塊級元素和行內元素都有哪些?
3. 你真的了解HTML嗎? 雅虎面試題 把前面黃底那段拿去搜索下就知道了(曾在某浪公司面試的時候被問到過，確實是很好的問題)。
CSS相關
1. 介紹所知道的CSS hack技巧(如：_， *， +， \9， !important 之類)。
2. 介紹CSS盒模型。
3. CSS層疊是什么?介紹一下。
4. 都知道哪些CSS瀏覽器兼容性問題。
5. 有時會被問到些刁鉆點的題，比如position值都有哪些，CSS3都有哪些新內容...
JavaScript基礎相關
1. HTTP協議的狀態消息都有哪些?(如200、302對應的描述)
2. AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解決辦法?
3. 同步和異步的區別?
4. 簡述JavaScript封裝。
5. JavaScript繼承有哪兩種形式形式，進行描述。
6. 什么是閉包?以下代碼點擊<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>
7. 在JS中this關鍵字的使用場合和用法(如在構造函數中、setTimeout中等)。
8. 簡述下cookie的操作，還有cookie的屬性都知道哪些。
9. IE與FF的JS兼容性都知道哪些。
10. DOM操作 - 怎樣添加、移除、移動、復制、創建和查找節點(這個問題真心是基礎題，一般不會問)。
jQuery相關
1. jQuery源碼是否嘗試去讀過?說說基本的架構或者 jQuery.fn.init 中都做了哪些判斷。
2. 都知道哪些不好的jQuery書寫方式。
3. Sizzle是否有讀過?
其它相關的加分項：
1. 都使用和了解過哪些編輯器?都使用和了解過哪些日常工具?
2. 都知道有哪些瀏覽器內核?開發過的項目都兼容哪些瀏覽器?
3. 國內外的JS牛人都知道哪些?
4. 瀑布流布局或者流式布局是否有了解
4. 正則表達式有系統學習過嗎(看書或網上教程)?有的話就問問簡單點的郵箱驗證、URL驗證， 或者問問 貪婪匹配與懶惰匹配 的理論知識。
5. Node.js是否有過嘗試?到什么程度?說說個人理解的看法?
6. HTML5都有哪些新的JS API?
7. 前端優化知識都知道哪些?
8. 基礎算法題(如快速排序，能否一兩句說說重要的核心原理或者數組消重等)。
9. 是否有接觸過或者了解過重構。
原文：http://www.cnblogs.com/Darren_code/archive/2012/01/31/questions.html
【編輯推薦】
