1、你做的頁面在哪些流覽器測(cè)試過？這些瀏覽器的內(nèi)核分別是什么?
ie：ie內(nèi)核
谷歌、Safari：WebKit內(nèi)核
Opera：Presto內(nèi)核
2、每個(gè)HTML文件里開頭都有個(gè)很重要的東西，Doctype，知道這是干什么的嗎？**
**
<!DOCTYPE>聲明位于文檔的最前面的位置，處于<html>標(biāo)簽之前。此標(biāo)簽會(huì)告訴瀏覽器文檔使用哪種HTML或者XHTML規(guī)范。（重點(diǎn)：告訴瀏覽器按照何種規(guī)范即系頁面）
Doctype不存在或者格式不正確會(huì)導(dǎo)致文檔以兼容模式呈現(xiàn)
3、Quirks模式是什么？它和Standards模式有什么區(qū)別**
**
Quirks Mode是一種瀏覽器（像IE，F(xiàn)irefox，Opera）操作模式。從根本上說，怪異模式（也稱之為兼容模式）意味著一個(gè)相對(duì)新的瀏覽器故意模擬許多在舊瀏覽器中存在的
bug，特別是在IE4和IE5中。
Standards為標(biāo)準(zhǔn)模式
4、div+css的布局較table布局有什么優(yōu)點(diǎn)？**** ****19**
**
1.代碼少，頁面文件小，下載快
2.布局靈活，網(wǎng)頁有小的改動(dòng)不影響搜索引擎收錄
3.影響搜索排名
5、 img的alt與title有何異同？ strong與em的異同？**
**
alt和title的相同點(diǎn):
同屬于img的屬性，可以替代圖片顯示為文本。
不同點(diǎn)：
alt是圖片在無法正確顯示的時(shí)候起到文本替代的作用；
title在鼠標(biāo)滑過時(shí)顯示的文字提示。
em表示強(qiáng)調(diào)
strong表示更強(qiáng)烈的強(qiáng)調(diào)。
言簡意賅，表明了em和strong的命名來歷。并且在瀏覽器中，em默認(rèn)用斜體表示，strong用粗體表示。
6、你能描述一下漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)之間的不同嗎?**
**
漸進(jìn)增強(qiáng)（progressive enhancement）：一開始只構(gòu)建站點(diǎn)的最少特性，然后不斷針對(duì)各瀏覽器追加功能。
優(yōu)雅降級(jí)：使用優(yōu)雅降級(jí)方案，
Web站點(diǎn)在所有新式瀏覽器中都能正常工作，如果用戶使用的是老式瀏覽器，則代碼會(huì)檢查以確認(rèn)它們是否能正常工作。
7、為什么利用多個(gè)域名來存儲(chǔ)網(wǎng)站資源會(huì)更有效？**
**
CDN緩存更方便突破瀏覽器并發(fā)限制
節(jié)約cookie帶寬
節(jié)約主域名的連接數(shù)，優(yōu)化頁面響應(yīng)速度
防止不必要的安全問題
8、請(qǐng)談一下你對(duì)網(wǎng)頁標(biāo)準(zhǔn)和標(biāo)準(zhǔn)制定機(jī)構(gòu)重要性的理解。**
**
網(wǎng)頁標(biāo)準(zhǔn)和標(biāo)準(zhǔn)制定機(jī)構(gòu)都是為了能讓
web發(fā)展的更‘健康’，首先約束瀏覽器開發(fā)者遵循統(tǒng)一的標(biāo)準(zhǔn)，其次約束網(wǎng)站開發(fā)者，這樣降低開發(fā)難度，開發(fā)成本，SEO也會(huì)更好做，也不會(huì)因?yàn)闉E用代碼導(dǎo)致各種BUG、安全問題，最終提高網(wǎng)站易用性。
9、請(qǐng)描述一下cookies，sessionStorage和localStorage的區(qū)別？***
**
LocalStorage（本地存儲(chǔ)）和sessionStorage（會(huì)話存儲(chǔ)）
LocalStorage和sessionStorage功能上是一樣的，但是存儲(chǔ)持久時(shí)間不一樣。
LocalStorage：瀏覽器關(guān)閉了數(shù)據(jù)仍然可以保存下來，并可用于所有同源（相同的域名、協(xié)議和端口）窗口（或標(biāo)簽頁），
sessionStorage：數(shù)據(jù)存儲(chǔ)在窗口對(duì)象中，窗口關(guān)閉后對(duì)應(yīng)的窗口對(duì)象消失，存儲(chǔ)的數(shù)據(jù)也會(huì)丟失。
10、簡述一下src與href的區(qū)別。**
**
href 表示超文本引用（hypertext reference），在 link和a 等元素上使用 src 表示來源地址，在 img、script、iframe 等元素上 src 的內(nèi)容，是頁面必不可少的一部分，是引入。href 的內(nèi)容，是與該頁面有關(guān) 聯(lián)，是引用。區(qū)別就是，引入和引用。
11、知道的網(wǎng)頁制作會(huì)用到的圖片格式有哪些？**
**
Jpg png gif
12、知道什么是微格式嗎？**
**
微格式是一種讓機(jī)器可讀的語義化
XHTML 詞匯的集 合,是結(jié)構(gòu)化數(shù)據(jù)的開放標(biāo)準(zhǔn)
13、在css/js代碼上線之后開發(fā)人員經(jīng)常會(huì)優(yōu)化性能，從用戶刷新網(wǎng)頁開始，一次js請(qǐng)求一般情況下有哪些地方會(huì)有緩存處理？**
**
dns（域名服務(wù)器）緩存，cdn（）緩存，瀏覽器緩存，服務(wù)器緩存。
14、一個(gè)頁面上有大量的圖片（大型電商網(wǎng)站），加載很慢，你有哪些方法優(yōu)化這些圖片的加載，給用戶更好的體驗(yàn)。**
**
圖片懶加載，在頁面上的未可視區(qū)域可以添加一個(gè)滾動(dòng)條事件，判斷圖片位置與瀏覽器頂端的距離與頁面的距離，如果前者小于后者，優(yōu)先加載。
如果為幻燈片、相冊(cè)等，可以使用圖片預(yù)加載技術(shù)，將當(dāng)前展示圖片的前一張和后一張優(yōu)先下載。
如果圖片為
css圖片，可以使用CSSsprite，SVGsprite，Iconfont、Base64等技術(shù)。如果圖片過大，可以使用特殊編碼的圖片，加載時(shí)會(huì)先加載一張壓縮的特別厲害的縮略圖，以提高用戶體驗(yàn)。
如果圖片展示區(qū)域小于圖片的真實(shí)大小，則因在服務(wù)器端根據(jù)業(yè)務(wù)需要先行進(jìn)行圖片壓縮，圖片壓縮后大小與展示一致。
如果是小圖片（圖標(biāo)一類的）就用：雪碧圖/精靈圖
15、你如何理解HTML結(jié)構(gòu)的語義化？**
**
去掉或樣式丟失的時(shí)候能讓頁面呈現(xiàn)清晰的結(jié)構(gòu)；
便于團(tuán)隊(duì)開發(fā)和維護(hù)。
16、談?wù)勔郧岸私嵌瘸霭l(fā)做好SEO需要考慮什么？**
**
SEO：搜索引擎優(yōu)化
需要知道一些搜索引擎的基本工作原理，各個(gè)搜索引擎之間的區(qū)別，搜索機(jī)器人（
SE robot 或叫 web crawler）如何進(jìn)行工作，搜索引擎如何對(duì)搜索結(jié)果進(jìn)行排序等等。
17、有哪項(xiàng)方式可以對(duì)一個(gè)DOM設(shè)置它的CSS樣式？**
**
外部樣式表，引入一個(gè)外部
css文件 內(nèi)部樣式表，將
css代碼放在 <head> 標(biāo)簽內(nèi)部 內(nèi)聯(lián)樣式，將
css樣式直接定義在 HTML 元素內(nèi)部
18、CSS都有哪些選擇器？**
**
派生選擇器（用HTML標(biāo)簽申明）
id選擇器（用DOM的ID申明）
類選擇器（用一個(gè)樣式類名申明）
屬性選擇器（用DOM的屬性申明，屬于CSS2，IE6不支持，不常用， 不知道就算了）
除了前3種基本選擇器，還有一些擴(kuò)展選擇器，包括：
后代選擇器（利用空格間隔，比如div .a{ }）
群組選擇器（利用逗號(hào)間隔，比如p,div,#a{ }）
19、CSS中可以通過哪些屬性定義，使得一個(gè)DOM元素不顯示在瀏覽器可視范圍內(nèi)？**
**
最基本的：
設(shè)置display屬性為none，或者設(shè)置visibility屬性為hidden
技巧性：
設(shè)置寬高為0，設(shè)置透明度為0，設(shè)置z-index位置在-1000em
20、超鏈接訪問過后hover樣式就不出現(xiàn)的問題是什么？如何解決?**
**
被點(diǎn)擊訪問過的超鏈接樣式不在具有
hover和active了,解決方法是改變CSS屬性的排列順序: L-V-H-A（link,visited,hover,active）
