前端面試經常會碰到的問題

隨著互聯網的發展，越來越多的的人進入了IT行業，今天小編給大家總結了一下前端面試經常會碰到的問題，包括前端基礎、布局、JS高級、瀏覽器、網絡協議、ES6語法、VUE基礎和VUE高級等等，有需要的小伙伴跟著小編一起往下看吧。

知識點一、前端基礎：Html、CSS和JS

1、html語義化標簽的理解、結構化的理解；能否寫出簡潔的html結構；SEO優化。

2、h7中新增的屬性，如自定義屬性data、類名className等；新增表單元素；拖拽Drag。

3、h7中新增的API、修改的API、廢棄的API稍作了解（離線存儲、audio、video）。

3、CSS選擇器（三大特性）。

4、BFC機制。

5、盒模型。

6、CSS模塊化開發（封裝）；SCSS和LESS的使用。

7、屏幕適配以及頁面自適應。

8、CSS3中新增的選擇器。

9、CSS3中新增的屬性，transform、trasition、animation等。

10、變量數據類型及檢測：基本 + 引用。

11、運算符：算術 + 條件 + 邏輯 + 位 + 短路、隱式轉換等。

12、條件、循環、異常處理if、switch(){case xxx:}、try、catch、finally、throw。

13、函數定義、調用方式（apply、call、直接調用）；傳參：實參給形參賦值。

14、字符串、數組、對象常用API。

15、正則表達式。

知識點二、布局

1、標準文檔流（padding + margin + 負margin）+ 浮動float + 定位 left + right + top + bottom。

2、百分比布局：px單位用%num代替，占父級元素的百分比。

3、flex彈性布局：主軸、輔助軸的幾個屬性。

4、grid柵格布局：使用框架中的類名來替代，本質上還是百分比布局。

知識點三、JS高級

1、作用域、作用域鏈、閉包。

2、原型、原型鏈、繼承。

3、函數上下文、this指向。

4、js的運行機制、事件隊列和循環。

5、Ajax原理、axios庫。

6、同步、異步編程。

7、jQuery源碼學習。

知識點四、瀏覽器

1、瀏覽器的構成和運行機制。

2、瀏覽器內核。

3、瀏覽器交互：BOM和DOM相關webApi、監聽事件。

4、瀏覽器緩存機制。

5、瀏覽器的渲染原理。

6、瀏覽器的安全性：跨域和攻擊。

知識點五、網絡協議

1、HTTP協議。

2、cookie、session、token。

知識點六、ES6語法

1、字符串、數組、對象擴展的api。

2、變量擴展：let、const解構賦值，塊級作用域。

3、函數擴展：箭頭函數默認參數、rest參數。

4、展開運算符、模板字符串。

5、set和map數據結構。

6、迭代器和生成器函數next和yield的理解。

7、proxy對象屬性代理器：屬性的讀取（get）和設置（set）相關操作。

8、promise對象、異步編程的解決方案。

9、async + await：異步編程的終極方案promise + generator的語法糖。

10、class語法、構造函數的語法糖。

11、模塊化編程export + import的導出和導入。

知識點七、VUE基礎

1、基本指令。

2、實例的屬性和方法。

3、實例的生命周期。

4、組件基礎：創建、注冊、添加屬性方法、套用等。

5、組件通信傳值，父子、兄弟、跨級。

6、插槽slot等。

知識點八、VUE高級

1、vue-router：搭建SPA

2、vuex：狀態管理、數據倉庫store

3、數據響應式原理。

4、virtual dom。

5、diff 算法。

6、nextTick等等。

關于前端面試經常會碰到的問題就分享到這里了，當然并不止以上和大家分析的辦法，不過小編可以保證其準確性是絕對沒問題的。希望以上內容可以對大家有一定的參考價值，可以學以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。