而更多的題目是我一路以來收集的，也有往年的，答案不確保一定正確，如有錯(cuò)誤或有更好的解法，還請(qǐng)斧正。
前面幾題是會(huì)很基礎(chǔ)，越下越有深度。
附上第一篇：BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題--JavaScript篇
Html篇：
1.你做的頁面在哪些流覽器測(cè)試過？這些瀏覽器的內(nèi)核分別是什么?
• IE: trident內(nèi)核
• Firefox：gecko內(nèi)核
• Safari:webkit內(nèi)核
• Opera:以前是presto內(nèi)核，Opera現(xiàn)已改用Google Chrome的Blink內(nèi)核
• Chrome:Blink(基于webkit，Google與Opera Software共同開發(fā))
2.每個(gè)HTML文件里開頭都有個(gè)很重要的東西，Doctype，知道這是干什么的嗎？
答案：<!DOCTYPE> 聲明位于文檔中的最前面的位置，處于 <html> 標(biāo)簽之前。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。
（重點(diǎn)：告訴瀏覽器按照何種規(guī)范解析頁面）
3.Quirks模式是什么？它和Standards模式有什么區(qū)別
答案：
從IE6開始，引入了Standards模式，標(biāo)準(zhǔn)模式中，瀏覽器嘗試給符合標(biāo)準(zhǔn)的文檔在規(guī)范上的正確處理達(dá)到在指定瀏覽器中的程度。
在IE6之前CSS還不夠成熟，所以IE5等之前的瀏覽器對(duì)CSS的支持很差， IE6將對(duì)CSS提供更好的支持，然而這時(shí)的問題就來了，因?yàn)橛泻芏囗撁媸腔谂f的布局方式寫的，而如果IE6 支持CSS則將令這些頁面顯示不正常，如何在即保證不破壞現(xiàn)有頁面，又提供新的渲染機(jī)制呢？
在寫程序時(shí)我們也會(huì)經(jīng)常遇到這樣的問題，如何保證原來的接口不變，又提供更強(qiáng)大的功能，尤其是新功能不兼容舊功能時(shí)。遇到這種問題時(shí)的一個(gè)常見做法是增加參數(shù)和分支，即當(dāng)某個(gè)參數(shù)為真時(shí)，我們就使用新功能，而如果這個(gè)參數(shù) 不為真時(shí)，就使用舊功能，這樣就能不破壞原有的程序，又提供新功能。IE6也是類似這樣做的，它將DTD當(dāng)成了這個(gè)“參數(shù)”，因?yàn)橐郧暗捻撁娲蠹叶疾粫?huì)去寫DTD，所以IE6就假定 如果寫了DTD，就意味著這個(gè)頁面將采用對(duì)CSS支持更好的布局，而如果沒有，則采用兼容之前的布局方式。這就是Quirks模式（怪癖模式，詭異模式，怪異模式）。
區(qū)別：
總體會(huì)有布局、樣式解析和腳本執(zhí)行三個(gè)方面的區(qū)別。
盒模型：在W3C標(biāo)準(zhǔn)中，如果設(shè)置一個(gè)元素的寬度和高度，指的是元素內(nèi)容的寬度和高度，而在Quirks 模式下，IE的寬度和高度還包含了padding和border。
設(shè)置行內(nèi)元素的高寬：在Standards模式下，給<span>等行內(nèi)元素設(shè)置wdith和height都不會(huì)生效，而在quirks模式下，則會(huì)生效。
設(shè)置百分比的高度：在standards模式下，一個(gè)元素的高度是由其包含的內(nèi)容來決定的，如果父元素沒有設(shè)置百分比的高度，子元素設(shè)置一個(gè)百分比的高度是無效的用margin:0 auto設(shè)置水平居中：使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下卻會(huì)失效。
新聞熱點(diǎn)
疑難解答
圖片精選
