新人必看的前臺網(wǎng)站開發(fā)【超全總結(jié)】

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

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標簽clear:both。

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

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

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

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

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

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

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

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

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

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

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

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

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

HTML5 為什么只需要寫 ？

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

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

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

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

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

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

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

區(qū)別：

xhtml元素必須被正確的嵌套

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

標簽名必須使用小寫

xhtml必須擁有根元素

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

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

src與href的區(qū)別？

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

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

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

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

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

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

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

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

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

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

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

廣告

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