2019秋招你必須知道的前端知識
阿新 • • 發佈：2018-12-10
引言
又是一輪金九銀十的校招黃金期，藉此更新部分前端面試題，並提供詳解（答案不保證百分百正確，但我自信，可參考性還是很高的），希望對大家會有幫助^~^！
版本
- v0.1：新增HTML相關面試筆試題
HTML篇 （2018-9-15 19:10）
1. 你做過的網站在哪些瀏覽器中執行過？他們的核心分別是什麼？它們的相容性樣式字首是什麼？
IE: trident -ms-
chrome: webkit -webkit-
safari: webkit -webkit-
firefox: gecko -moz-
opera: blink -o-2. HTML文件開頭的 !DOCTYPE
作用是告訴瀏覽器用什麼樣的規範來解析這段文件。
3. !DOCTYPE 有哪些宣告方式？
分為 H5、HTML 4.01、XHTML 1.0、XHTML 1.1: 1. H5： <!DOCTYPE html> 2. HTML 4.01 嚴格模式：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 3. HTML 4.01 過度模式：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4. HTML 4.01 框架模式：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> 5. XHTML 1.0 嚴格模式：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 6. XHTML 1.0 過度模式：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 7. XHTML 1.0 框架模式：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 8. XHTML 1.1：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
4. 什麼是怪異模式？怪異模式與標準模式有什麼區別？
在IE6之前，IE瀏覽器對CSS的支援很差，在IE6時，為了對CSS有著更好的支援，它將HTML文件首部的DTD作為一個引數，若DTD存在，則使用更好的CSS支援進行網頁的渲染，若沒有DTD，則使用相容之前的CSS解析規則，這就是怪異模式。 怪異模式與標準模式的區別： 主要是盒模型上的區別：怪異模式下，元素的寬度和高度包含了padding、border與content(元素內容)，而標準模式下的盒模型元素寬度和高度只包含元素的content，不包含padding與border。
5. 什麼是web語義化？它有什麼好處？
web語義化就是使用語義化的HTML標籤
html標籤相對較少，將會被更快速地被解析； 2.丟失樣式表的支援下，頁面同樣呈現良好的結構，往往歸功於瀏覽器對H5標籤的預設樣式支援； 3.有利於SEO，更容易被爬蟲機器人根據標籤抓取主要內容； 4.螢幕閱讀器等裝置將會更容易閱讀網頁，提高了網站的可訪問性；
6. meta標籤的作用是什麼？
提供頁面的元資訊，比如標題、描述、關鍵詞等資訊，以及不同平臺的適配，如移動端、win8系統，還有有關快取的相關資訊。
CSS篇
... ...JS篇
... ...計算機網路篇
... ...... ... (也許會新增框架系列，也可能夭折..)
結語
今天就先更新完HTML部分的相關基礎知識，後續，也就是近幾天會更新餘下部分，感覺有用的點個贊吧 ^_^