基本功考察
1.關於html
1、html語義化標籤的理解、結構化的理解；能否寫出簡潔的html結構；seo優化。
2、h5中新增的屬性，如自定義屬性data、類名classname等；新增表單元素；拖拽drag。
3、h5中新增的api、修改的api、廢棄的api稍作了解（離線儲存、audio、video）。
2.關於css
1、css選擇器（三大特性）。
2、bfc機制。
3、盒模型。
4、css模組化開發（封裝）；scss和less的使用。
5、螢幕適配以及頁面自適應。
6、css3中新增的選擇器。
7、css3中新增的屬性，transform、trasition、animation等。
3.關於布局
1、標準文件流（padding + margin + 負margin）+ 浮動float + 定位 left + right + top + bottom。
2、百分比布局：px單位用%num代替，佔父級元素的百分比。
3、flex彈性布局：主軸、輔助軸的幾個屬性。
4、grid柵格布局：使用框架中的類名來替代，本質上還是百分比布局。
4.關於js基礎
1、變數資料型別及檢測：基本 + 引用。
2、運算子：算術 + 條件 + 邏輯 + 位 + 短路、隱式轉換等。
3、條件、迴圈、異常處理if、switch()、try、catch、finally、throw。
5、字串、陣列、物件常用api。
6、正規表示式。
5.關於js高階
1、作用域、作用域鏈、閉包。
2、原型、原型鏈、繼承。
3、函式上下文、this指向。
4、js的執行機制、事件佇列和迴圈。
5、ajax原理、axios庫。
6、同步、非同步程式設計。
7、jquery原始碼學習。
6.關於瀏覽器
1、瀏覽器的構成和執行機制。
2、瀏覽器核心。
4、瀏覽器快取機制。
5、瀏覽器的渲染原理。
6、瀏覽器的安全性：跨域和攻擊。
7.關於網路協議
1、http協議。
2、cookie、session、token。
8.關於es6語法
1、字串、陣列、物件擴充套件的api。
2、變數擴充套件：let、const解構賦值，塊級作用域。
3、函式擴充套件：箭頭函式預設引數、rest引數。
4、展開運算子、模板字串。
5、set和map資料結構。
6、迭代器和生成器函式next和yield的理解。
8、promise物件、非同步程式設計的解決方案。
9、async + await：非同步程式設計的終極方案promise + generator的語法糖。
10、class語法、建構函式的語法糖。
11、模組化程式設計export + import的匯出和匯入。
9.vue基礎
1、基本指令。
2、例項的屬性和方法。
3、例項的生命週期。
4、元件基礎：建立、註冊、新增屬性方法、套用等。
5、元件通訊傳值，父子、兄弟、跨級。
6、插槽slot等。
10.vue高階
1、vue-router：搭建spa
2、vuex：狀態管理、資料倉儲store
11.vue深入、原始碼閱讀
1、資料響應式原理。
2、virtual dom。
3、diff 演算法。
4、nexttick等等。
工程能力考察
1.專案能力
1、vue-cli腳手架搭建和功能配置vue.config.js。
2、webpack的常用配置。
3、專案構建打包。
4、熟悉各類框架的文件。
5、ui框架：bootstrap、mui、element-ui等。
6、常用的外掛程式整理；整理乙個自己外掛程式庫，封裝自己的方法庫、元件庫。
7、常用的工具熟練度。
8、pc端和移動端開發注意事項。
9、經驗總結：快速確定專案的技術選型。
10、坑點總結：專案遇到坑坑坑！
11、專案中的效能優化記錄（都是細節點，多記錄）。
12、需求文件的理解，可以結合專案流程圖、uml圖。
13、問題解決能力：bug定位除錯、查詢文件、尋求他人。
14、記錄習慣養成。
2.模組化、元件化開發能力
1、專案分類；各類檔案整理、分類。
2、各類功能封裝。
3、元件和功能模組的抽離、解耦、復用。
內功考察
1.物件導向的程式設計思想
1、類的抽象。
2、物件的封裝、繼承。
3、為了更好的去管理資料、分類資料，實現高內聚、低耦合。
2.設計模式
設計模式感覺也是將物件導向思想再度抽象成現實中某些特定模式。
3.資料結構和演算法
1、學習常用的排序搜尋演算法、順序表、鍊錶、棧、佇列、樹、堆等。
2、考驗你的抽象思維和數學功底。
3、將現實需求抽象成計算機**的思維能力。
附加技能考察
1.學習能力
1、持續學習的態度——部落格、筆記記錄。
2、技術論壇活躍度高、問答多。
3、github開源專案參與。
2.了解一門後端語言
1、python、node.js、php等。
2、資料庫mysql、redis、mongodb；sql的操作語句、mongodb的操作語句、redis的操作語句。
3、node + express搭建本地服務等。
4、python + django + request + scrapy。
3.系統程式設計
1、linux命令列操作、系統檔案管理。
2、多工、多執行緒、多程序、協程、併發、並行、序列、同步、非同步等概念的理解。
前端面試知識點目錄整理
1 html語義化標籤的理解 結構化的理解 能否寫出簡潔的html結構 seo優化。2 h5中新增的屬性，如自定義屬性data 類名classname等 新增表單元素 拖拽drag。3 h5中新增的api 修改的api 廢棄的api稍作了解 離線儲存 audio video 1 css選擇器 三大特...
前端面試知識點目錄整理
寫在前面 關於html html語義化標籤的理解 結構化的理解 能否寫出簡潔的html結構 seo優化 h5中新增的屬性 如自定義屬性data,類名classname等,新增表單元素,拖拽drag h5中新增的api,修改的api,廢棄的api 稍作了解 離線儲存,audio,video 關於css...
前端面試知識點目錄整理
寫在前面 基本功考察 1.關於html 1 html語義化標籤的理解 結構化的理解 能否寫出簡潔的html結構 seo優化。2 h5中新增的屬性，如自定義屬性data 類名classname等 新增表單元素 拖拽drag。3 h5中新增的api 修改的api 廢棄的api稍作了解 離線儲存 audi...