雖現在不是金九銀十面試好時候，但還是會有小夥伴找工作參加面試，小編把最近參加面試被問到的面試題做了個集合，其中裡面的題目包括有位元組、騰訊、滴滴、美團等題目，現整理好的面試題有HTML、CSS、JS相關的，全網首發搶先看！

面試題目之HTML

1.瀏覽器頁面有哪三層構成，分別是什麼，作用是什麼?
2.HTML5的優點與缺點？
3.Doctype作用? 嚴格模式與混雜模式如何區分？它們有何意義?
4.HTML5有哪些新特性、移除了哪些元素？
5.你做的網頁在哪些瀏覽器測試過,這些瀏覽器的核心分別是什麼?
6.每個HTML檔案裡開頭都有個很重要的東西，Doctype，知道這是幹什麼的嗎？
7.說說你對HTML5認識?（是什麼,為什麼）
8.對WEB標準以及W3C的理解與認識?
9.HTML5行內元素有哪些,塊級元素有哪些, 空元素有哪些?
10.什麼是WebGL,它有什麼優點?
11.請你描述一下 cookies，sessionStorage 和 localStorage 的區別
12.說說你對HTML語義化的理解?
13.link和@import的區別?
14.說說你對SVG理解?
15.HTML全域性屬性(global attribute)有哪些?

面試題目之CSS

1.解釋一下CSS的盒子模型？
2.請你說說CSS選擇器的型別有哪些，並舉幾個例子說明其用法？
3請你說說CSS有什麼特殊性?（優先順序、計算特殊值）
4要動態改變層中內容可以使用的方法？
5.常見瀏覽器相容性問題與解決方案？
6.列出display的值並說明他們的作用？
7.如何居中div, 如何居中一個浮動元素?
8.CSS中 link 和@import 的區別是？
9.請列舉幾種清除浮動的方法(至少兩種)?
10.block，inline和inlinke-block細節對比？
11.什麼叫優雅降級和漸進增強？
12.說說浮動元素會引起的問題和你的解決辦法
13.你有哪些效能優化的方法？
14.為什麼要初始化CSS樣式？
15.解釋下浮動和它的工作原理？清除浮動的技巧

面試題目之JS

1.解釋一下CSS的盒子模型？
2.請你說說CSS選擇器的型別有哪些，並舉幾個例子說明其用法？
3.請你說說CSS有什麼特殊性?（優先順序、計算特殊值）
4要動態改變層中內容可以使用的方法？
5.常見瀏覽器相容性問題與解決方案？
6.列出display的值並說明他們的作用？
7.如何居中div, 如何居中一個浮動元素?
8.CSS中 link 和@import 的區別是？
9.請列舉幾種清除浮動的方法(至少兩種)?
10.block，inline和inlinke-block細節對比？
11.什麼叫優雅降級和漸進增強？
12.說說浮動元素會引起的問題和你的解決辦法
13.你有哪些效能優化的方法？
14.為什麼要初始化CSS樣式？
15.解釋下浮動和它的工作原理？清除浮動的技巧？

小貼士：js的基礎知識應該是web前端程式設計師的安身立命的基石，對於基礎知識的學習，我們不應該只是簡單的用，還要探究其工作原理，這也是永不過時的知識點，越早掌握的越多越好。不管前端框架怎麼迭代更新，不管出現什麼更流行的前端框架，其本質還是對js基礎知識的更靈活的應用。很好的掌握基礎知識，能保證能夠對於框架原始碼更有效的閱讀。

聊聊學習方法

對於技術的學習，有一個共有的問題：就是學了之後，如果長時間不用，就會很快忘記了。

聽過一個大佬說過的話：對於任何一個東西，你學過和沒有學過，就是兩個不同的境界。所以我們還是要堅持去學，但也是要有選擇性的去學，像基礎原理、通用的演算法之類的肯定不會虧，但是不建議盲目的去追新技術，因為這有可能是付出和收穫不成正比，要根據自身的條件去選擇。

對於學習成果的檢驗，一個有效的方法是：你學完之後，講給另外一個人聽，如果另外一個人聽懂了，那就代表你真正的掌握了。

記筆記

在學習一個新東西的時候，一定要記筆記。

比如學習原始碼：從初始化時候開始，我們可以用 processOn 工具，用流程圖等記錄每一步變化、每一步的功能，記好備註等。這在之後去複習的時候，根據之前的筆記是非常快的。

寫部落格

還要學著嘗試去寫部落格，現在的部落格平臺非常多：掘金、知乎、簡書、部落格園等。不要怕寫的不好，因為沒有一個人一開始就能寫的非常好的，這需要一個長期的練習過程。寫部落格的好處是非常多的，將自己學會的東西寫成部落格文章，在寫的過程中，會想得更加深入、更加細化，如何讓人更容易的理解；還能加深記憶，能促進交流，養成一個分享的習慣。

參與開源專案

參加開源專案的也是一個有效的提升自己的方式，如果是業內比較有名的開源專案，在簡歷上是一個非常加分的點。
而帶來的好處簡單說幾種：

• 不斷的學習和實踐，與其它優秀的開發者一同提升技術
• 更容易獲得大佬的指點
• 展現自己的能力，增加自己在業界內的影響力
• 增加簡歷上的亮點
• 更多收入的機會
• 在圈子內建立更多的人脈

注：文章前端面試題資料直接點選直接共享