2019年前端技術須要注重掌握的

1.關於Html

一、html語義化標籤的理解、結構化的理解；可否寫出簡潔的html結構；SEO優化。

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

三、h5中新增的API、修改的API、廢棄的API稍做了解（離線存儲、audio、video）。

2.關於CSS

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

二、BFC機制。

三、盒模型。

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

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

六、CSS3中新增的選擇器。

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

3.關於佈局

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

二、百分比佈局：px單位用%num代替，佔父級元素的百分比。

三、flex彈性佈局：主軸、輔助軸的幾個屬性。

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

4.關於JS基礎

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

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

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

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

五、字符串、數組、對象經常使用API。

六、正則表達式。

5.關於JS高級

一、做用域、做用域鏈、閉包。

二、原型、原型鏈、繼承。

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

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

五、Ajax原理、axios庫。

六、同步、異步編程。

七、jQuery源碼學習。

6.關於瀏覽器

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

二、瀏覽器內核。

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

四、瀏覽器緩存機制。

五、瀏覽器的渲染原理。

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

7.關於網絡協議

一、HTTP協議。

二、cookie、session、token。

8.關於ES6語法

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

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

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

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

五、set和map數據結構。

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

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

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

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

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

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

9.VUE基礎

一、基本指令。

二、實例的屬性和方法。

三、實例的生命週期。

四、組件基礎：建立、註冊、添加屬性方法、套用等。

五、組件通訊傳值，父子、兄弟、跨級。

六、插槽slot等。

10.VUE高級

一、vue-router：搭建SPA

• 路由、組件的配置。

• 路由間的傳值。

• 路由跳轉。

• 路由的導航守衛。

• 記住在router.js和組件頁面中的使用方式。

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

• 實例化倉庫的5大屬性的使用。

• state、getters、mutations、actions、modules。

• 輔助函數mapState等，倉庫中計算屬性的映射、方便操做。

• 記住在store.js和組件中使用方式。

11.VUE深刻、源碼閱讀

一、數據響應式原理。

二、virtual dom。

三、diff 算法。

四、nextTick等等。

 

工程能力考察

1.項目能力

一、vue-cli腳手架搭建和功能配置vue.config.js。

二、webpack的經常使用配置。

三、項目構建打包。

四、熟悉各種框架的文檔。

五、UI框架：Bootstrap、MUI、Element-ui等。

六、經常使用的插件整理；整理一個本身插件庫，封裝本身的方法庫、組件庫。

七、經常使用的工具熟練度。

八、PC端和移動端開發注意事項。

九、經驗總結：快速肯定項目的技術選型。

十、坑點總結：項目遇到坑坑坑！

十一、項目中的性能優化記錄（都是細節點，多記錄）。

十二、需求文檔的理解，能夠結合項目流程圖、UML圖。

1三、問題解決能力：bug定位調試、查找文檔、尋求他人。

1四、記錄習慣養成。

2.模塊化、組件化開發能力

一、項目分類；各種文件整理、分類。

二、各種功能封裝。

三、組件和功能模塊的抽離、解耦、複用。

內功考察

1.面向對象的編程思想

一、類的抽象。

二、對象的封裝、繼承。

三、爲了更好的去管理數據、分類數據，實現高內聚、低耦合。

2.設計模式

設計模式感受也是將面向對象思想再度抽象成現實中某些特定模式。

3.數據結構和算法

一、學習經常使用的排序搜索算法、順序表、鏈表、棧、隊列、樹、堆等。

二、考驗你的抽象思惟和數學功底。

三、將現實需求抽象成計算機代碼的思惟能力。

 

附加技能考察

1.學習能力

一、持續學習的態度——博客、筆記記錄。

二、技術論壇活躍度高、問答多。

三、GitHub開源項目參與。

2.瞭解一門後端語言

一、python、node.js、php等。

二、數據庫mysql、redis、mongodb；sql的操做語句、mongodb的操做語句、redis的操做語句。

三、node + express搭建本地服務等。

四、python + django + request + scrapy。

3.系統編程

一、Linux命令行操做、系統文件管理。

二、多任務、多線程、多進程、協程、併發、並行、串行、同步、異步等概念的理解。