生活随笔
收集整理的這篇文章主要介紹了
前端攻略系列(二) - 前端各种面试题
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
幸運(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 之類)。介紹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è)置的小一些吧^.^)。
?
?
作者：聶微東
出處：http://www.cnblogs.com/Darren_code/
本文版權(quán)歸作者和博客園共有,歡迎轉(zhuǎn)載,但未經(jīng)作者同意必須保留此段聲明,且在文章頁(yè)面明顯位置給出原文連接。
總結(jié)
以上是生活随笔為你收集整理的前端攻略系列(二) - 前端各种面试题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。
