前端必須會的基本知識題目
1. 常用那幾種瀏覽器測試？有哪些核心
(layout engine)?
(q1) 瀏覽器：ie，
chrome
，firefox
，safari
，opera
。(q2) 核心：
trident
，gecko
，presto
，webkit
。2. 說下行內元素和塊級元素的區別？行內塊元素的相容性使用？（
ie8
以下）(q1) 行內元素：會在水平方向排列，不能包含塊級元素，設定
width
無效，height無效(
可以設定
line-height)
，margin
上下無效，
padding
上下無效。
塊級元素：各佔據一行，垂直方向排列。從新行開始結束接著乙個斷行。
(q2) 相容性：
display:inline-block;*display:inline;*zoom:1;
3. 清除浮動有哪些方式？比較好的方式是哪一種？
(q1)
（1）父級
div定義
height
。（2）結尾處加空
div標籤
clear:both
。（3）父級
div定義偽類
:after
和zoom
。（4）父級
div定義
overflow:hidden
。（5）父級
div定義
overflow:auto
。（6）父級
div也浮動，需要定義寬度。
（7）父級
div定義
display:table
。（8）結尾處加
br標籤
clear:both
。(q2) 比較好的是第
3種方式，好多**都這麼用。
4. box-sizing常用的屬性有哪些？分別有什麼作用？
(q1)box-sizing: content-box|border-box|inherit;
(q2)content-box:寬度和高度分別應用到元素的內容框。在寬度和高度之外繪製元素的內邊距和邊框
(元素預設效果)。
border-box:元素指定的任何內邊距和邊框都將在已設定的寬度和高度內進行繪製。通過從已設定的寬度和高度分別減去邊框和內邊距才能得到內容的寬度和高度。
5. doctype作用？標準模式與相容模式各有什麼區別
?(q1) 告知瀏覽器的解析器用什麼文件標準解析這個文件。
doctype
不存在或格式不正確會導致文件以相容模式呈現。
(q2) 標準模式的排版和
js運作模式都是以該瀏覽器支援的最高標準執行。在相容模式中，頁面以寬鬆的向後相容的方式顯示
,模擬老式瀏覽器的行為以防止站點無法工作。
6. html5 為什麼只需要寫
？html5不基於
sgml
，因此不需要對
dtd進行引用，但是需要
doctype
來規範瀏覽器的行為（讓瀏覽器按照它們應該的方式來執行）。
而html4.01基於
sgml,
所以需要對
dtd進行引用，才能告知瀏覽器文件所使用的文件型別。
前端基本知識
1 前端 通過瀏覽器在使用者端開發計算機軟體 2 url 同一資源定位符 對能夠從網際網路上得到的資源的位置和訪問方法的一種簡潔的表示，是網際網路上標準資源的位址。網際網路上的每乙個檔案都有乙個唯一的url，它包括的資訊指出檔案的位置以及瀏覽器應該怎麼處理它。3 http協議 超文字傳輸協議 是一種...
前端基本知識
標籤語義化 1 去掉樣式後看網頁結構是否組織有序 2 盡可能少使用div span等無語義標籤 3 例如 h1強化標題 p寫段落 錨點用a input 是輸入框 作用1 對搜尋引擎友好方便搜尋引擎識別，有助於網頁推廣 2 方便前端團隊維護 3 便於網路爬蟲抓取資訊 4 提高讀者閱讀 行內元素有哪些，...
網路必須首先了解的基本知識
在網路程式設計中，有幾個必須掌握的基本概念 客戶端 client 移動應用 ios android等應用 伺服器 server 為客戶端提供服務 提供資料 提供資源的機器 請求 request 客戶端向伺服器索取資料的一種行為 響應 response 伺服器對客戶端的請求做出的反應，一般指返回資料給...