1.精靈圖和base64如何選擇？

　　精靈圖，是網(wǎng)頁處圖圖片的一種方式，它是把多張小圖整合到一張，利用background-position屬性定位某個圖片的位置，來達到在大圖片中引用某個小圖片的效果，當頁面訪問時，可以減少向服務器的yg有求次數(shù)，提高頁面的加載速度。

　　base64，是網(wǎng)絡上最常見的用于傳輸8Bit字節(jié)代碼的編碼方式之一，將原本二進制形式轉(zhuǎn)成以64個字符基本單位，所組成的一串字符串。base64的圖片會隨著html或者css一起下載到瀏覽器,減少了請求，避免跨域問題，但是低版本的IE瀏覽器不兼容，體積比原來的圖片大，不利于css的加載，所以如果是圖比較大，就用精靈圖合并為一張大圖，使用base64直接把圖片編碼成字符串寫入CSS文件。

　　2.列舉5種IE haslayout的屬性及其值

　　haslayout ：是Windows Internet Explorer渲染引擎的一個內(nèi)部組成部分。在Internet Explorer中，一個元素要么自己對自身的內(nèi)容進行計算大小和組織，要么依賴于父元素來計算尺寸和組織內(nèi)容。為了調(diào)節(jié)這兩個不同的概念，渲染引擎采用 了 hasLayout 的屬性，屬性值可以為true或false。當一個元素的 hasLayout 屬性值為true時，我們說這個元素有一個布局(layout)

　　```

　　display:inline-block

　　position:absoult

　　zoom:任何值除了normal

　　min-height:任意值

　　min-width:任意值

　　ie7的

　　* min一height: (任意值)

　　* max一height: (除 none 外任意值)

　　* min一width: (任意值)

　　* max一width: (除 none 外任意值)

　　* overflow: (除 visible 外任意值)

　　* overflow一x: (除 visible 外任意值)

　　* overflow一y: (除 visible 外任意值)

　　* position: fixed

　　```

　　3.瀏覽器標準模式和怪異模式之間的區(qū)別是什么？

　　- 標準模式：是瀏覽器按照W3C標準解析執(zhí)行代碼，這樣用規(guī)定的語法去渲染，就可以兼容各個瀏覽器，保證以正確的形式展示網(wǎng)頁。

　　- 怪異模式：是使用瀏覽器自己的方式解析執(zhí)行代碼，因為不同瀏覽器解析執(zhí)行的方式不一樣，所以我們稱之為怪異模式。

　　- 標準模式和怪異模式常見的區(qū)別：

　　- 標準模式：總寬度=width+margin(左右)+padding(左右)+border(左右)

　　- 怪異模式：總寬度=width+margin(左右)(width直接包括了padding(左右)+border(左右) )

　　4.瀏覽器怎么解析html文件？

　　- 渲染引擎的基本工作流程

　　- 解析HTML構建DOM樹

　　- 渲染樹構建

　　- 渲染樹布局

　　- 繪制渲染樹

　　- 渲染引擎會解析HTML文檔并把標簽轉(zhuǎn)換成內(nèi)容樹中的DOM節(jié)點。它會解析style元素和外部文件中的樣式數(shù)據(jù)。樣式數(shù)據(jù)和HTML中的顯示控制將共同用來創(chuàng)建另一棵樹——渲染樹。渲染引擎會嘗試盡快的把內(nèi)容顯示出來。它不會等到所有HTML都被解析完才創(chuàng)建并布局渲染樹。它會在處理后續(xù)內(nèi)容的同時把處理過的局部內(nèi)容先展示出來。

　　5.流式布局rem vm/vh px em的區(qū)別

　　- rem

　　- rem是相對于根元素 html，這樣就意味著，我們只需要在根元素確定一個font-size字號，則可以來算出元素的寬高

　　- px

　　- px意為像素 , 是設備或者圖片最小的一個點，比如常常聽到的電腦像素是1920x1080的，表示的是水平方向是1920個像素點，垂直方向是1080個像素點。是我們網(wǎng)頁設計常用的單位，也是基本單位。通過px可以設置固定的布局或者元素大小，缺點是沒有彈性。

　　- em

　　- 參考物是父元素的font-size，具有繼承的特點。如果自身定義了font-size按自身的font-size來計算(瀏覽器默認字體是16px)，整個頁面內(nèi)1em不是一個固定的值。

　　特點是1. em的值并不是固定的; 2. em會繼承父級元素的字體大小。

　　- vw/vh

　　- vw view width的簡寫，是指可視窗口的寬度。假如可視區(qū)域?qū)挾仁?920px的話。那1vw = 1920px/100 = 19.2px

　　- vh view height的簡寫，是指可視窗口的高度。假如可視區(qū)域?qū)挾仁?080px的話。那1vh = 1080px/100 = 10.8px

　　- vm

　　- 相對于視口的寬度或高度中較小的那個。最小的那個被均分為100單位的 vm

　　- 例如： 瀏覽器高度900px，寬度1200px，取最小的瀏覽器高度，1vm = 900px / 100 = 9px。

　更多關于前端培訓的問題，歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年IT培訓服務經(jīng)驗，采用全程面授高品質(zhì)、高體驗培養(yǎng)模式，擁有國內(nèi)一體化教學管理及學員服務，助力更多學員實現(xiàn)高薪夢想。