對前端一直是個半吊子，一直覺得主要興趣在後臺開發。但是目前全棧化趨勢越來越烈了，前臺後端的分工界線越來越模糊。日常工作中接到的任務有很大的佔比都是前端的開發，這也是應用開發（非底層，非中介軟體）不得不面對的一個現狀。
既然如此，那就硬著頭皮上吧！其實，所有的東西都經不得深研，一研究入得法門就會發覺其中奧妙，根本停不下來！

1. react系知識圖譜

Facebook出品，var框架裡目前應該是最廣泛應用的前端框架了。
個人感覺入門還是有一些門檻的，涉及的東西也很多。有一個實際的專案供研究學習，進步會比較快一點。目前各種框架組合百花爭豔，就以自己目前的瞭解和接觸做一個簡單列表。

1.1 react

一個View層框架，主要做的是介面元件化的工作。
官網
中文文件

1.2 redux

負責的是資料流，資料流就是使用者動作與響應的抽象。
官網
中文文件

1.3 react-redux

react與redux的橋樑，參見redux吧。

1.4 react-router

中文文件

1.5 redux-saga

個人理解redux-saga術語一個redux的middleware。
redux-saga中文教程網址

1.6 dva

dva官網帶教程

1.7 antd

antd官網帶教程

2. vue系知識圖譜

Vue是一個個人開發的框架，作者是國人尤雨溪。值得自豪！
個人感覺Vue的結構化做的更清晰一些，上手入門應該也會比較快一點。

2.1 vue

對標react，是一套介面檢視層框架。
vue官網帶教程

2.2 vue loader

個人理解：vue使用webpack打包後，用來載入打包後的單一檔案的東東。
vue loader介紹

2.3 vue router

對標react-router，與vue深度結合。
vue-router介紹

2.4 vuex

資料流處理。
vuex官網

2.5 Element UI

餓了麼出品的一套控制元件，基於Vue2.0。
Element UI官網

3. angular

var中的a，這個就一點都沒有接觸過了。這裡就不畫蛇添足了。

4. webpack

打包工具。