2020最新Web前端經典面試題及答案

本篇收錄了一些大廠面試中常常會遇到的經典面試題,而且我作好了整理分類。雖然今年的金九銀十已通過去了,可是能夠爲明年的金三銀四作裝備啊,相信每個跳槽季都有不少的前端開發者蠢蠢欲動,經過對本篇知識的整理以及經驗的總結,但願能幫到更多的前端面試者。css

好了,那我接下來就開始正文咯。 PS: 內容超長,請注意!前端

HTML篇

1.你是怎麼理解HTML語義化vue

2.你用過哪些HTML5標籤面試

3.meta viewport 是作什麼用的,怎麼寫?算法

4.H5是什麼vue-router

5.label標籤的做用vuex

6.行內元素有哪些?塊級元素有哪些? 空(void)元素有那些?canvas

7.a標籤中 如何禁用href 跳轉頁面 或 定位連接瀏覽器

8.canvas在標籤上設置寬高 和在style中設置寬高有什麼區別緩存

9.你作的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什麼?

10.iframe有哪些缺點?

11.HTML5新特性

12.HTML5離線儲存

13.瀏覽器是怎麼對HTML5的離線儲存資源進行管理和加載的呢

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

15.HTML與XHTML——兩者有什麼區別 ......

CSS篇

1.頁面渲染時,dom 元素所採用的 佈局模型,可經過box-sizing進行設置。根據計算寬高的區域可分爲:

2.ie盒模型算上border、padding及自身(不算margin),標準的只算上自身窗體的大小 css設置方法以下:

3.幾種得到寬高的方式 :

4.拓展各類得到寬高的方式 :

5.邊距重疊解決方案(BFC) BFC原理

6.css reset和normalize.css有什麼區別:

7.居中方法:

8.css優先肯定級:

9.如何清除浮動:

10.自適應佈局:

11.畫三角形:

12.link@import導入css:

13.長寬比方案:

14.display相關:

15.CSS優化:

16.CSS開啓GPU加速

17.開啓GPU硬件加速可能觸發的問題:

18.CSS中link與@import的區別:

19.CSS選擇器列表優先級及權重:

20.display:none和visibility:hidden的區別:

21.position的absolute與fixed共同點與不一樣點:

22.介紹一下CSS的盒子模型:

23.CSS選擇符有哪些?

24.哪些屬性能夠繼承?

25.優先級算法如何計算?

因爲內容過多,如需獲取完整面試題+解析能夠【點擊我】

JavaScript篇

1.請你談談Cookie的優缺點

2.Array.prototype.slice.call(arr,2)方法的做用是:

3.如下代碼執行後,控制檯的輸出是:

4.簡單說一下瀏覽器本地存儲是怎樣的

5.原型 / 構造函數 / 實例

6.原型鏈:

7.執行上下文(EC)

8.變量對象

9.做用域鏈

10.閉包

11.對象的拷貝

12.new運算符的執行過程

13.instanceof原理

14.代碼的複用

15.繼承

16.類型轉換

17.類型判斷

18.模塊化

19.防抖與節流

20.函數執行改變this

21.ES6/ES7

22.AST
23.babel編譯原理

24.函數柯里化

25.get請求傳參長度的誤區

26.補充get和post請求在緩存方面的區別

27.說一下閉包

28.說一下類的建立和繼承

29.如何解決異步回調地獄

30.說說前端中的事件流

31.如何讓事件先冒泡後捕獲

32.說一下事件委託

33.說一下圖片的懶加載和預加載

34.mouseover和mouseenter的區別

35.js的new操做符作了哪些事情

36.改變函數內部this指針的指向函數(bind,apply,call的區別)

37.js的各類位置,好比clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的區別?

38.js拖拽功能的實現

39.異步加載js的方法

40.Ajax解決瀏覽器緩存問題

41.js的防抖

42.js節流

43.JS中的垃圾回收機制

因爲內容過多,如需獲取完整面試題+解析能夠【點擊我】

框架Vue篇

1.vue.js的兩個核心是什麼

2.vue 的雙向綁定的原理是什麼?

3.vue生命週期鉤子函數有哪些?

4.請問 v-if 和 v-show 有什麼區別?

5.vue經常使用的修飾符

6.nextTick

7.什麼是vue生命週期

8.數據響應(數據劫持)

9.virtual dom 原理實現

10.Proxy 相比於 defineProperty 的優點

11.vuex

12.vue中 key 值的做用

13.Vue 組件中 data 爲何必須是函數?

14.v-for 與 v-if 的優先級

15.說出至少 4 種 vue 當中的指令和它的用法 16.vue中子組件調用父組件的方法

17.vue中父組件調用子組件的方法

18.vue頁面級組件之間傳值

19.說說vue的動態組件

20.keep-alive內置組件的做用

21.遞歸組件的用法

22.怎麼定義vue-router的動態路由?怎麼獲取傳過來的值?

23.vue-router有哪幾種路由守衛?

24.$route和 $router的區別是什麼?

因爲內容過多,如需獲取完整面試題+解析能夠【點擊我】

相關文章
相關標籤/搜索