前端攻略系列(二) - 前端各種面試題

2012-01-31 23:12 聶微東閱讀(65373) 評(píng)論(74) 收藏舉報(bào)

　　幸運(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)

<!DOCTYPE>標(biāo)簽的定義與用法。
塊級(jí)元素和行內(nèi)元素都有哪些？
你真的了解HTML嗎？雅虎面試題　　把前面黃底那段拿去搜索下就知道了(曾在某浪公司面試的時(shí)候被問(wèn)到過(guò)，確實(shí)是很好的問(wèn)題)。

　　CSS相關(guān)

介紹所知道的CSS hack技巧(如：_， *， +， \9， !important 之類(lèi))。
介紹CSS盒模型。
CSS層疊是什么？介紹一下。
都知道哪些CSS瀏覽器兼容性問(wèn)題。
有時(shí)會(huì)被問(wèn)到些刁鉆點(diǎn)的題，比如position值都有哪些，CSS3都有哪些新內(nèi)容...

　　JavaScript基礎(chǔ)相關(guān)

HTTP協(xié)議的狀態(tài)消息都有哪些？(如200、302對(duì)應(yīng)的描述)
AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解決辦法?
同步和異步的區(qū)別?
簡(jiǎn)述JavaScript封裝。
JavaScript繼承有哪兩種形式形式，進(jìn)行描述。

什么是閉包？以下代碼點(diǎn)擊<p>會(huì)輸出什么？為什么？能大概說(shuō)明白的話繼續(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>

在JS中this關(guān)鍵字的使用場(chǎng)合和用法(如在構(gòu)造函數(shù)中、setTimeout中等)。
簡(jiǎn)述下cookie的操作，還有cookie的屬性都知道哪些。
IE與FF的JS兼容性都知道哪些。
DOM操作 - 怎樣添加、移除、移動(dòng)、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)(這個(gè)問(wèn)題真心是基礎(chǔ)題，一般不會(huì)問(wèn))。

　　jQuery相關(guān)

jQuery源碼是否嘗試去讀過(guò)？說(shuō)說(shuō)基本的架構(gòu)或者 jQuery.fn.init 中都做了哪些判斷。
都知道哪些不好的jQuery書(shū)寫(xiě)方式。
Sizzle是否有讀過(guò)？

　　其它相關(guān)的加分項(xiàng)：

都使用和了解過(guò)哪些編輯器？都使用和了解過(guò)哪些日常工具？
都知道有哪些瀏覽器內(nèi)核？開(kāi)發(fā)過(guò)的項(xiàng)目都兼容哪些瀏覽器？
國(guó)內(nèi)外的JS牛人都知道哪些？
瀑布流布局或者流式布局是否有了解
正則表達(dá)式有系統(tǒng)學(xué)習(xí)過(guò)嗎(看書(shū)或網(wǎng)上教程)？有的話就問(wèn)問(wèn)簡(jiǎn)單點(diǎn)的郵箱驗(yàn)證、URL驗(yàn)證，或者問(wèn)問(wèn) 貪婪匹配與懶惰匹配的理論知識(shí)。
Node.js是否有過(guò)嘗試？到什么程度？說(shuō)說(shuō)個(gè)人理解的看法？
HTML5都有哪些新的JS API？
前端優(yōu)化知識(shí)都知道哪些？
基礎(chǔ)算法題（如快速排序，能否一兩句說(shuō)說(shuō)重要的核心原理或者數(shù)組消重等）。
是否有接觸過(guò)或者了解過(guò)重構(gòu)。

　　如果覺(jué)得此文還算用心，請(qǐng)勞駕點(diǎn)擊右下角的推薦^.^ 。

　　即將離職，再為老東家出一份力吧。公司網(wǎng)址 www.baifendian.com ，工作地點(diǎn) 北京總公司、沈陽(yáng)分公司都行。待遇的話我確實(shí)不方便多說(shuō)，不過(guò)以國(guó)內(nèi)的標(biāo)準(zhǔn)來(lái)說(shuō)算是不錯(cuò)的。

　　對(duì)前端職位感興趣的話可以發(fā)簡(jiǎn)歷至 peng.zhang@baifendian.com ，title請(qǐng)注明來(lái)自博客園，謝謝(感覺(jué)利用博客招人有點(diǎn)罪惡感，所以就把字設(shè)置的小一些吧^.^)。

刷新頁(yè)面返回頂部

Darren_聶微東 - 關(guān)注前端技術(shù) 完成《前端攻略系列》僅僅是第一步...