學了一階段的前端知識，現在準備學習框架。之前有接觸過一些框架，比如偏重DOM操作的jQuery、樣式框架Bootstrap，天真的我以為也不過如此……還真是天真如我啊，一點都不謙虛【翻白眼】

歸正題！前端框架一堆堆，不知如何下手？貼兩個傳送門！

知乎的問答——

https://www.zhihu.com/question/35069742

https://www.zhihu.com/question/39943474

問題淺顯易懂，各路大神眾說紛紜……自己選吧！最後我決定從React開始我的框架學習路程【認真】。

React入門知識點梳理：

1. ES6：ECMAScript是一個指令碼語言的標準，ES6是它的最新版本。相比之前版本所做的修改，可參考官方文件。我們常說的javascript是這個標準的基於瀏覽器的一個實現，簡稱js。

2. Babel：一個廣泛使用的ES6轉碼器，可以將ES6程式碼轉換為ES5程式碼，從而在現有環境執行。

3. node.js：執行在服務端的javascript，基於Google的V8引擎。換句話說，javascript的另一個宿主環境，伺服器的javascript平臺——Node。

4. CommonJS：ECMAScript標準由javascript 發展而來，由於其制定較早，比較薄弱，還有很多缺陷，如沒有模組系統（在ECMAScript 6解決了）、標準庫較少。ECMAScript僅定義了部分核心庫，對於檔案系統、I/O流、資料庫訪問等常見需求卻沒有標準的API，導致它無法用在後端開發。CommonJS的誕生就是希望Javascript能應用在任何場景，像Python、Java、Ruby一樣具有開發大型應用的基礎能力，而不是停留在小指令碼程式階段。人

5. npm：是隨NodeJS一起安裝的包管理工具，能解決NodeJS程式碼部署的很多問題。

6. Webpack：npm的包雖然都是由javascript寫成的，但不能直接在瀏覽器中執行，因為瀏覽器不支援CommonJS，即前端缺少模組化管理的能力。Webpack或Browserify作為構建工具解決了這個問題。瀏覽器不相容CommonJS的原因是缺少NodeJS的四個變數：module、exports、global、require.

7. React：React 是一個用於構建使用者介面的 JAVASCRIPT 庫。主要用於構建UI，很多人認為 React 是 MVC 中的 V（檢視）。React 起源於 Facebook 的內部專案，用來架設 Instagram 的網站，並於 2013 年 5 月開源。

react是基於js的二次解析引擎，它支援在js裡直接穿插html程式碼(有一定的規則要求)，然後解析成正常的js程式碼並執行。

react native是基於js和react js的一個開發環境，可以直接用兩者的語法開發並編譯出原生APP。

8. create-react-app：開發react應用“最好用的=_=“手腳架。如果使用webpack+ES6來開發前端應用，需要我們手動使用npm來安裝各種外掛，手動搭建環境。雖然搭建環境是一個很好的學習過程，但每次開發一個新應用都需要搭建一次，非常繁瑣。避免開發過程中重複造輪子做無用功，就有了各種手腳架，像react-boilerplate、react-redux-starter-kit和create-react-app。

使用時發現create-react-app非圖形化構建工具，只是一個全域性命令列。下面是我執行該命令時的過程：

9. 手腳架： Scaffolding is a meta-programming method of building database-backed software applications. It is a technique supported by some model-view-controller frameworks, in which the programmer may write a specification that describes how the application database may be used. The compiler uses this specification to generate code that the application can use to create, read, update and delete database entries, effectively treating the template as a "scaffold" on which to build a more powerful application.（“腳手架”是一種超程式設計的方法，用於構建基於資料庫的應用。許多MVC框架都有運用這種思想。程式設計師編寫一份specification（規格說明書），來描述怎樣去使用資料庫；而由（腳手架的）編譯器來根據這份specification生成相應的程式碼，進行增、刪、改、查資料庫的操作。我們把這種模式稱為"腳手架"，在腳手架上面去更高效的建造出強大的應用！）

參考了部分專案的搭建手段，可能有助於理解框架及其之間的關係：http://www.cnblogs.com/tianheila/p/5176556.html

技術上前端用的是react框架+webpack作為構建工具，後臺用的nodejs和mongodb。