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