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

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

好了，那我接下來就開始正文咯。
PS: 內容超長，請注意！

HTML篇

1.你是怎麼理解HTML語義化
2.你用過哪些HTML5標籤
3.meta viewport 是作什麼用的，怎麼寫？
4.H5是什麼
5.label標籤的做用
6.行內元素有哪些？塊級元素有哪些？ 空(void)元素有那些？
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的區別是什麼？

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