20道面試題測下你前端基礎如何

來自專欄最美前端34 人贊了文章

下面為我為大家精選的22道面試題

1.請說出三種meta標籤的作用？

說明：我會用知識點引導meta標籤的常用用法

答：

2.說出你工作中最常用的五個標籤，並說明應用場景？

說明：看似簡單，卻能根據你回答的標籤和用法來判斷你代碼的語義化和書寫規範。

答：

3.box-sizing的取值和相應的作用？

說明：我會用知識點引導盒子模型

答：

4.讓子元素position:absolute生效，父元素應該怎麼設置？

說明：初學者在這裡有個誤區

答：

5.position設置為absolute的div和span分別是什麼樣子？

說明：我會用知識點引導position的具體作用

答：

6.margin穿透問題怎麼解決？

說明：這裡我會詳細說下BFC

答：

7.什麼是em和rem，他們的區別在哪？

說明：這裡有記憶不準的地方

答：

8.簡單說下bootstrap柵格系統的實現原理？【以及其他由此引發的面試題】

說明：這裡有大量的面試問法，因為柵格系統的原理被應用到目前所有流行的UI框架，引發問題，比如：哪個屬性讓一個col即使沒有內容也會佔據它的位置？等等

答：

9.如何阻止事件冒泡？

說明：基本功

答：

10.【代碼題】變數提升？

說明：百年不變的經典題目，而且出場率特別高

答：

11.如何實現原型替換？

說明：這個首先得知道什麼是原型

答：

12.簡單說下this指向的具體規則？

說明：基本功

答：

13.什麼是閉包？

說明：組建封裝的先行者

答：

14.let和var有什麼區別？請舉例說明。

說明：別以為很簡單，

答：

15.模塊在同一個頁面引入兩次，會引起幾次js渲染？為什麼？

說明：假如你猜對了渲染次數，可能會敗在為什麼

答：

16.如何統一管理promise的錯誤處理函數？

說明：用過的人都知道

答：

17.promise的resolve函數中最多能攜帶幾個參數？

說明：猜吧

答：

18.說一下你在工作中是如何應用promise的？

說明：結合實際來說，我會用知識點引導promise的原理和其他用法

答：

19.從那些方面可以提升前端性能？

說明：這個可以列個1，2，3，4，5

答：

20.怎麼處理移動端兼容性問題？

說明：不經歷你可能不知道

答：

21.你覺得怎樣的命名方式才比較規範？結合實例說明

說明：駝峰？那只是皮毛

答：

22.你在平時瀏覽哪些網站？都有什麼樣的收穫？

說明：github，掘金，博客園，csdn？我會教你更能打動面試官的回答

答：

新增題目:

01.請說下1==2==0，1===2===0的結果？

說明:值比較和類型比較

答:

live地址：

20道面試題幫你夯實前端基礎?

www.zhihu.com
推薦閱讀：