2020-03-22

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ù)空間。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Http&Servlet入門 (一)HTTP協(xié)議的概述 一、什么是HTTP協(xié)議 HTTP協(xié)議:規(guī)定了瀏覽器和服務(wù)器...
    王子航001閱讀 189評論 0 0
  • 一、什么是會話 會話可以簡單理解為,用戶打開一個瀏覽器,點(diǎn)擊多個超鏈接訪問服務(wù)器 的 web資源,然后關(guān)閉瀏覽器,...
    提筆執(zhí)江山閱讀 123評論 0 0
  • 注明:本人原創(chuàng)翻譯,原版為Essential Image Optimization電子書,這里將其拆分為幾篇文章發(fā)...
    ProteanBear閱讀 5,450評論 0 5
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級和職位的變化,入門級到專家級,廣度和深度都會有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,678評論 0 7
  • 1. 掌握圖形學(xué), webgl或熟練使tree.js框架, 熟練canvas相關(guān)的渲染及動畫操作的優(yōu)先. 初級...
    kevin_3閱讀 471評論 0 0

友情鏈接更多精彩內(nèi)容