BAT各大互聯(lián)網(wǎng)公司html+css前端面試題總結(jié)

1、bat各大互聯(lián)網(wǎng)公司html+css前端面試題總結(jié)無(wú)數(shù)面試題是我自己面試bat親身經(jīng)受遇到的。收拾共享出來(lái)希翼更多的前端er共同長(zhǎng)進(jìn)吧，不僅適用于求職者，對(duì)于鞏固復(fù)習(xí)前端基礎(chǔ)更是大有裨益。而更多的題目是我一路以來(lái)收集的，也有往年的，答案不確保一定正確，如有錯(cuò)誤或有更好的解法，還請(qǐng)斧正。前面幾題是會(huì)很基礎(chǔ)，越下越有深度。html篇：1.你做的頁(yè)面在哪些流覽器測(cè)試過(guò)？這些掃瞄器的內(nèi)核分離是什么?ie:trident內(nèi)核firefox：gecko內(nèi)核safari:webkit內(nèi)核opera:以前是presto內(nèi)核，opera現(xiàn)已改用googlechrome的blink內(nèi)核chrome:blink(基

2、于webkit，google與operasoftware共同開(kāi)發(fā))2.每個(gè)html文件里開(kāi)始都有個(gè)很重要的東西，doctype，知道這是干什么的嗎？答案：聲明位于文檔中的最前面的位置，處于標(biāo)簽之前。此標(biāo)簽可告訴掃瞄器文檔用法哪種html或xhtml規(guī)范。（重點(diǎn)：告知掃瞄器根據(jù)何種規(guī)范解析頁(yè)面）3.quirks模式是什么？它和standards模式有什么區(qū)分答案：從ie6開(kāi)頭，引入了standards模式，標(biāo)準(zhǔn)模式中，掃瞄器嘗試給符合標(biāo)準(zhǔn)的文檔在規(guī)范上的正確處理達(dá)到在指定掃瞄器中的程度。在ie6之前css還不夠成熟，所以ie5等之前的掃瞄器對(duì)css的支持很差，ie6將對(duì)css提供更好的支持，然而

3、這時(shí)的問(wèn)題就來(lái)了，由于有無(wú)數(shù)頁(yè)面是基于舊的布局方式寫的，而假如ie6支持css則將令這些頁(yè)面顯示不正常，如何在即保證不破壞現(xiàn)有頁(yè)面，又提供新的渲染機(jī)制呢？在寫程序時(shí)我們也會(huì)常常碰到這樣的問(wèn)題，如何保證本來(lái)的接口不變，又提供更強(qiáng)大的功能，尤其是新功能不兼容舊功能時(shí)。碰到這種問(wèn)題時(shí)的一個(gè)常見(jiàn)做法是增強(qiáng)參數(shù)和分支，即當(dāng)某個(gè)參數(shù)為真時(shí)，我們就用法新功能，而假如這個(gè)參數(shù)不為真時(shí)，就用法舊功能，這樣就能不破壞原有的程序，又提供新功能。ie6也是類似這樣做的，它將dtd當(dāng)成了這個(gè)參數(shù)，由于以前的頁(yè)面大家都不會(huì)去寫dtd，所以ie6就假定假如寫了dtd，就意味著這個(gè)頁(yè)面將采納對(duì)css支持更好的布局，而假如沒(méi)有，則采納兼容之前的布局方式。這就是quirks模式（怪癖模式，詭異模式，怪異模式）。區(qū)分：總體味有布局、樣式解析和腳本執(zhí)行三個(gè)方面的區(qū)分。盒模型：在w3c標(biāo)準(zhǔn)中，假如設(shè)置一個(gè)元素的寬度和高度，指的是元素內(nèi)容的寬度和高