為什麼沒有《前端面試寶典》？

01-06

市面上有《程序員面試寶典》《java面試寶典》，如果能搞個《前端面試寶典》，基本會大賣！可是為啥沒有？光在知乎上，前端大神就很多，整理出前端的各個方面脈絡還是可以的，有一個廣為流傳的前端技能圖，如果能總結下知識點，對我們初學者還是有幫助的。
希望推動前端事業發展！
我的意思是這貌似是一個不錯的商機。。

根本整理不完。

等小明花了一年時間整理完了，結果又出來一堆前端框架。

書只要一出版，馬上過時。

GitHub - h5bp/Front-end-Developer-Interview-Questions: A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore.

20000個star

有關HTML的相關基礎的面試問題

我的觀點

1.Doctype作用？嚴格模式與混雜模式如何區分？它們有何意義?

1）&聲明位於文檔中的最前面，處於&標籤之前，告訴瀏覽器的解析器，用什麼文檔類型來規範解析這個文檔。

2）嚴格模式的排版和js運作模式是以該瀏覽器支持的最高標準運行

3）在混雜模式中，頁面以寬鬆的向後兼容的方式顯示，模擬老式瀏覽器的行為以防止站點無法工作

DOCTYPE不存在或格式不正確會導致文檔以混雜模式呈現

我的觀點

2.HTML5 為什麼只需要寫 &？

html5不基於SGML(標準通用語言)，因此不需要對DTD（文檔類型定義）進行引用，但需要doctype來規範瀏覽器的行為（讓瀏覽器按照它們應該的方式運行）

而html4.01基於SGML，所以需要對DTD進行應用，才能告知瀏覽器文檔所使用的文檔類型。這些基礎的問題和知識我們是必須掌握的，這個頁面製作感覺還不錯，感興趣的可以好好學學

我的觀點

3.行內元素有哪些？塊級元素有哪些？空（void）元素有哪些？

1）.css規範規定，每個元素都有display 屬性，配檔該元素的類型，每個元素都有默認的display值。CSS對網頁屬性的規範很重要

2）.行內元素有：a b soan img input select strong（強調的語氣）

塊級元素有：div ul li ol dl dt dd h1 h2 h3... p

空元素(沒有內容的HTML內容被稱為空元素，空元素是在開始標籤中關閉的)有: img input br hr link meta

我的觀點
4.頁面導入樣式時，使用link和@import有什麼區別？

1）.link屬於XHTML標籤，而@import是CSS提供的；

2）.頁面被載入的時，link會同事被載入，而@import引用的CSS會等到頁面被載入完再載入；

3）.import只有在IE5以上才能被識別，而link是XHTML標籤，無兼容問題;

4）.link 方式的樣式的權重&>@import的權重

我的觀點

5.常見的瀏覽器內核有哪些？

IE瀏覽器的內核：Trident、

Mozilla的Gecko、

Chrome的Blink（WebKit的分支）、

Opera內核原為Presto，現為Blink

我的觀點

6.介紹一下你對瀏覽器內核的理解？

瀏覽器內核是瀏覽器最重要的或者說是最核心的部分。主要負責對網頁語法的解釋並渲染(顯示)網頁。

瀏覽器內核又可以分為兩個部分（渲染引擎和js引擎）

js引擎則是解析JavaScript語言，執行javascript語言來實現網頁的動態效果。

渲染引擎負責取的網頁的內容，整理訊息，以及計算網頁的顯示方式，然後哦會輸出至顯示器或者印表機。

我的觀點

7.簡述一下你對HTML語義化的理解？

HTML語義化是指根據內容的結構化（內容語義化），選擇合適的標籤（代碼語義化）便於開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析。

HTML語義化的主要目的是：

1).為了在沒有css的情況下，頁面也能呈現出很好地內容結構、代碼結構

2).有利於用戶體驗

3).有利於SEO和搜索引擎建立良好的溝通。

4).方便其他設備解析以意義的方式來渲染網頁、

5).便於團隊開發和維護，增加可讀性。

另外值得一提的是很多人都不知道html是什麼東西，這裡還是自己好好的去學習一番吧！

我的觀點

8.HTML5的離線儲存怎麼使用

離線存儲局勢將一些源代碼文件保存在本地，這樣後續的頁面重新載入將使用本地資源文件，在離線情況下可以繼續訪問web應用，同時通過一定的手法(更新相關文件或者使用相關 API)，可以更新、刪除離線存儲等操作

文章來源：轉自http://www.51rgb.com如有冒犯請見諒

前者針對校招，受眾一般是應屆畢業生。

後者，大學不教前端！

否則為啥不說php面試寶典，python面試寶典，ruby面試寶典......

很實在的面試題，問到的概率很高，看的時候記得查下原理，不然面試官稍微問的深入一點就跪了。

https://github.com/hawx1993/Front-end-Interview-questions/blob/master/README.md

怎麼沒有，網上有很多吧？光js的我就搜到很多。都是那些知識點嘛。

不過個人覺得哈，技術崗的面試寶典就是我們的所學。只是我們的所學大部分未必能像別的職位一樣能用一句漂亮的定式的話來概括出來。

做技術的，都是實打實的東西，沒有那些虛頭八腦的，比如人家問有啥缺點，我們可以先說一堆優點然後說一個缺點或者讓缺點反襯自己的優點，但是面試技術崗還這樣東扯西扯的那就是扯淡了。

做技術的要把基礎打牢，了解自己技術的一些要點，比如js很重要的幾個點就是this、閉包、繼承等，這幾個概念弄會了，別說面試，以後工作也是受益匪淺的。面試官不得乖乖的要咱？