經(jīng)常會用到那幾種瀏覽器進(jìn)行測試？

IE，F(xiàn)ireFox，Chrome，Opera，Safari，Opera。

行內(nèi)元素和塊級元素的區(qū)別？以及它們的兼容性使用？

（1）-行內(nèi)元素：會在水平方向排列，不能包含塊級元素，設(shè)置width無效，height無效(可以設(shè)置line-height)，margin上下無效，padding上下無效。

-塊級元素：各占據(jù)一行，垂直方向排列。從新行開始結(jié)束接著一個斷行。

（2）兼容性：display:inline-block;*display:inline;*zoom:1;

網(wǎng)頁清除浮動有哪些方式？

（1）父級div定義height。

（2）結(jié)尾處加空div標(biāo)簽clear:both。

（3）父級div定義overflow:auto。

（4）父級div定義overflow:hidden。

（5）父級div定義偽類:after和zoom。

（6）父級div定義display:table。

（7）父級div也浮動，需要定義寬度。

（8）結(jié)尾處加br標(biāo)簽clear:both。

box-sizing經(jīng)常用的的屬性有哪些？分別有什么作用？

（1）box-sizing: content-box|border-box|inherit;

（2）border-box:元素指定的任何內(nèi)邊距和邊框都將在已設(shè)定的寬度和高度內(nèi)進(jìn)行繪制。通過從已設(shè)定的寬度和高度分別減去邊框和內(nèi)邊距才能得到內(nèi)容的寬度和高度。

（3）content-box:寬度和高度分別應(yīng)用到元素的內(nèi)容框。在寬度和高度之外繪制元素的內(nèi)邊距和邊框(元素默認(rèn)效果)。

網(wǎng)頁前都要有的Doctype有什么作用？它的標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別?

（1） 告知瀏覽器的解析器用什么文檔標(biāo)準(zhǔn)解析這個文檔。DOCTYPE不存在或格式不正確會導(dǎo)致文檔以兼容模式呈現(xiàn)。

（2）標(biāo)準(zhǔn)模式的排版和JS運(yùn)作模式都是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。在兼容模式中，頁面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。

HTML5 為什么只需要寫 ？

HTML5不基于 SGML，因此不需要對DTD進(jìn)行引用，但是需要doctype來規(guī)范瀏覽器的行為（讓瀏覽器按照它們應(yīng)該的方式來運(yùn)行）。

頁面載入樣式時(shí)，使用@import和link有什么區(qū)別？

（1）import是CSS2.1 提出的，只在IE5以上才能被識別，而link是XHTML標(biāo)簽，無兼容問題。

（2）link屬于XHTML標(biāo)簽，除了加載CSS外，還能用于定義RSS, 定義rel連接屬性等作用；而@import是CSS提供的，只能用于加載CSS;

（3）頁面被加載的時(shí)，link會同時(shí)被加載，而@import引用的CSS會等到頁面被加載完再加載;

.xhtml和html有什么區(qū)別？

html是一種基本的web網(wǎng)頁設(shè)計(jì)語言，xhtml是基于xml的標(biāo)記語言

區(qū)別：

xhtml元素必須被正確的嵌套

xhtml元素必須被關(guān)閉

標(biāo)簽名必須使用小寫

xhtml必須擁有根元素

（附：xml拓展）什么是xml？

xml(extensible markup language)可拓展標(biāo)記語言，是對超文本標(biāo)記語言的補(bǔ)充。它是一種用來傳輸和存儲數(shù)據(jù)的標(biāo)準(zhǔn)，一種獨(dú)立于軟件和硬件的信息傳輸工具。一種不同設(shè)備之間通訊協(xié)議。

src與href的區(qū)別？

（1） src（source）指向外部資源的位置，指向的內(nèi)容將會嵌入到文檔中當(dāng)前標(biāo)簽所在位置；在請求src資源時(shí)會將其指向的資源下載并應(yīng)用到文檔中，如js腳本，img圖片和iframe等元素。

當(dāng)瀏覽器解析到該元素時(shí)，會暫停其他資源的下載和處理，直到將該資源加載、編譯、執(zhí)行完畢，類似于將所指向資源嵌入當(dāng)前標(biāo)簽內(nèi)。

（2） href（hypertext reference/超文本引用）指向網(wǎng)絡(luò)資源所在位置，建立和當(dāng)前元素（錨點(diǎn)）或當(dāng)前文檔（鏈接）之間的鏈接，如果我們在文檔中添加那么瀏覽器會識別該文檔為css文件，就會并行下載資源并且不會停止對當(dāng)前文檔的處理。這也就是為什么建議使用link方式加載css而不是使用@import方式。

頁面大量圖片，如何優(yōu)化加載，如何優(yōu)化用戶體驗(yàn)？

（1）圖片懶加載。在頁面的未可視區(qū)域添加一個滾動事件，判斷圖片位置與瀏覽器頂端的距離與頁面的距離，如果前者小于后者，優(yōu)先加載。

（2）如果為幻燈片、相冊等，可以使用圖片預(yù)加載技術(shù)，將當(dāng)前展示圖片的前一張和后一張優(yōu)先下載。

（3）如果圖片為css圖片，可以使用CSSsprite，SVGsprite等技術(shù)。

（4）如果圖片過大，可以使用特殊編碼的圖片，加載時(shí)會先加載一張壓縮的特別厲害的縮略圖，以提高用戶體驗(yàn)。

（5）如果圖片展示區(qū)域小于圖片的真實(shí)大小，應(yīng)在服務(wù)器端根據(jù)業(yè)務(wù)需要先進(jìn)行圖片壓縮，圖片壓縮后大小與展示一致。

網(wǎng)站標(biāo)題：新人必看的前臺網(wǎng)站開發(fā)【超全總結(jié)】
網(wǎng)頁鏈接：http://www.rwnh.cn/news9/225809.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、微信公眾號、靜態(tài)網(wǎng)站、云服務(wù)器、標(biāo)簽優(yōu)化、移動網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)