1.文檔聲明的作用?(doctype)
聲明文檔類型,告知瀏覽器使用哪種HTML或XHTML規(guī)范(告知瀏覽器的解析器,用什么文檔類型,規(guī)范來解析這個文檔)
嚴(yán)格模式與混雜模式的區(qū)別:
(1)嚴(yán)格模式下:頁面排版及js解析是以該瀏覽器支持的最高標(biāo)準(zhǔn)執(zhí)行
(2)混雜模式:不嚴(yán)格按照標(biāo)準(zhǔn)執(zhí)行,主要用來兼容舊版本瀏覽器,向后兼容
DOCTYPE不存在或格式不正確會導(dǎo)致文檔以混雜模式呈現(xiàn)。
2.常見的瀏覽器內(nèi)核
(1)IE瀏覽器:Trident內(nèi)核,不開源,不跨平臺
(2)Mozilla Firefox(火狐瀏覽器):Gecko內(nèi)核,開源,跨平臺
(3)Chrome(谷歌瀏覽器):Blink內(nèi)核,開源,跨平臺
(4)Safari(蘋果瀏覽器):Webkit內(nèi)核,開源,跨平臺
(5)Opera(歐朋瀏覽器):Blink內(nèi)核,開源,跨平臺
國內(nèi)大部分瀏覽器都是IE+Chrome雙內(nèi)核
大部分手機(jī)瀏覽器都是webkit內(nèi)核
瀏覽器兼容性:
(1)png-24的圖片在IE6會出現(xiàn)背景,解決:改為png-8
(2)瀏覽器默認(rèn)的margin和padding不同,解決:加全局margin為0,padding為0來統(tǒng)一
(3)超鏈接訪問過后hover樣式就不出現(xiàn)了,改變CSS屬性的排列順序
(4)屬性過濾器
_background:blue? ?//ie6識別
background:yellow!important? ? //只有IE6不識別
*background:blue? ? //ie6,ie7識別
background:blue \9? ? ? ? //ie6,7,8,9,10識別
background:blue \0? ? ? //ie8以上瀏覽器識別
L-V-H-A?:??a:link?{}?a:visited?{}?a:hover?{}?a:active?{}
3.div+css布局較table布局有什么優(yōu)點(diǎn)?
(1)改版更方便,只需要更改css文件
(2)頁面加載速度更快,結(jié)構(gòu)化清晰,頁面是顯示簡潔
(3)表現(xiàn)與結(jié)構(gòu)相分離
(4)易于優(yōu)化,搜索引擎更方便,排名更容易靠前
4.img的alt與title有何區(qū)別?
alt:圖片加載失敗時的替換信息,具有優(yōu)化作用
title:鼠標(biāo)滑動到圖片上時顯示的提示信息
5.漸進(jìn)增強(qiáng)與優(yōu)雅降級的區(qū)別
(1)漸進(jìn)增強(qiáng):針對低版本瀏覽器進(jìn)行構(gòu)建頁面,保證最基本的功能,然后再針對高級瀏覽器進(jìn)行效果,交互的改變和追加功能,達(dá)到更好的用戶體驗。
(2)優(yōu)雅降級:一開始就構(gòu)建完整的功能,然后再針對低版本瀏覽器進(jìn)行兼容
6.為什么利用多個域名來存儲網(wǎng)站資源會對網(wǎng)頁更有效?
(1)CDN緩存更方便
(2)突破瀏覽器并發(fā)限制
(3)節(jié)約cookie帶寬
(4)節(jié)約主域名連接數(shù),優(yōu)化頁面響應(yīng)速度
(5)防止不必要的安全問題
7.對網(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),降低開發(fā)難度和開發(fā)成本,SEO也會更好做,也不會因為濫用代碼導(dǎo)致各種bug和安全問題,最終提高網(wǎng)站易用性
8.cookie,sessionStorage和localStorage的區(qū)別
(1)cookie:存儲數(shù)據(jù)量?。?kb),可以設(shè)置存儲時間,到期自動刪除
缺點(diǎn):每次請求一個新的頁面,cookie都會被發(fā)送過去,無形中浪費(fèi)了帶寬,cookie還需要指定作用域,不可以跨域調(diào)用
注意:
**cookie的作用是與服務(wù)器進(jìn)行交互,web Storage僅僅是為了在本地存儲數(shù)據(jù)而生**
(2)sessionStorage:將數(shù)據(jù)臨時存儲,離開當(dāng)前頁面就刪除
(3)localStorage:持久化的本地存儲,除非主動刪除,否則永遠(yuǎn)都不會過期
9.src和href的區(qū)別
(1)src 用于替換當(dāng)前元素。指向外部資源的位置,指向的內(nèi)容將會嵌入到文檔中當(dāng)前標(biāo)簽所在的位置;在請求src資源時,會將其指向的資源下載并應(yīng)用到文檔內(nèi)
(2)href 用于當(dāng)前文檔和引用資源之間確立聯(lián)系。指向網(wǎng)絡(luò)資源所在的位置,建立和當(dāng)前元素或當(dāng)前文檔之間的鏈接
10.網(wǎng)頁制作會用到的圖片格式有哪些?
png-8? png-24? jpeg? gif? svg? Webp
Webp:WebP格式,谷歌(google)開發(fā)的一種旨在加快圖片加載速度的圖片格式。圖片壓縮體積大約只有JPEG的2/3,并能節(jié)省大量的服務(wù)器帶寬資源和數(shù)據(jù)空間。