前端技術使用總結

這是本人處女作，廢話不多說，希望是個新的起點。學了那麼一段時間的前端了，下面是對自己所認知（然而並不會）的前端知識點的一個小總結：前端的主要知識點有HTML、css、JavaScript…當然，這是廢話。下面要寫的是前端的一些框架（我認識的）的總結。據悉，當前web前端流行框架呈三足鼎立之勢，ta們分別是Angular.js、vue.js、react.js。

1、Angular.js

Angular 是一個開發平臺。它能幫你更輕鬆的構建 Web 應用。Angular集宣告式模板、依賴注入、端到端工具和一些最佳實踐於一身，為你解決開發方面的各種挑戰。Angular 為開發者提升構建Web、手機或桌面應用的能力。——（引用Angular官網的介紹）

對於angular，只是略知一二，還沒真正在實戰專案中使用過，不好做過多的評價和介紹，具體的學習與介紹可以前往Angular官方中文文件。從生活中的交流中得知，angular是比較適合做大型網站和管理系統的開發的。

結合一些常用的AngularJs框架可以愉快的進行前端各方面的開發工作，下面是一些常用的AngularJs框架：

1. Angular UI Bootstrap（‘大眾開發’）
2. Ionic（移動端混合開發）
3. Mobile Angular UI（移動端開發）
4. UI Grid（複雜的資料表格系統開發）

2、Vue.js

Vue (讀音 /vjuː/，類似於 view) 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注檢視層，不僅易於上手，還便於與第三方庫或既有專案整合。另一方面，當與現代化的工具鏈以及各種支援類庫結合使用時，Vue 也完全能夠為複雜的單頁應用提供驅動。——（引用vue.js官方文件的介紹）

Vue.js是我一年下來使用的最多的框架。總結就一句話，用起來很舒服。Vue.js給我的感覺就是入門成本低，文件很貼心，靈活易用，輕量級高效。這應該也是大多數人選中vue的原因吧。另一方面，在開發學習的過程遇到的問題，總能很輕易的在各大社群網站搜尋到滿意的解決方案，這是vue讓我越用越喜歡的原因。結合Vue2.0全家桶(vue+vue-router+vuex+axios+es6+sass)可以讓我們很順溜的進行各種開發工作。如果你被我的三言兩語吸引到了，大可移步Vue.js官方中文文件一探究竟哦。
另外，vue最常用的UI搭檔是Element UI，Element UI 主要是適用於pc端的開發，而vue移動端的開發框架也是挺豐富的。主要有：
1. vonic（ 一個基於 vue.js 和 ionic 樣式的移動端 UI 框架）
2. vux（基於WeUI和Vue(2.x)開發的移動端UI元件庫）
3. Mint UI （由餓了麼前端團隊推出的 基於 Vue.js 的移動端元件庫）
4. Muse-UI（基於 Vue 2.0 和 Material Design 的 UI 元件庫）
更多Vue.js 的資源，可前往vue優選資源逛一下。。

3、react.js

關於react.js，瞭解的也不是很多。React 起源於 Facebook 的內部專案，大致有以下特點：

1.宣告式設計 −React採用宣告正規化，可以輕鬆描述應用。
2.高效 −React通過對DOM的模擬，最大限度地減少與DOM的互動。
3.靈活 −React可以與已知的庫或框架很好地配合。
4.JSX − JSX 是 JavaScript 語法的擴充套件。React 開發不一定使用 JSX ，但我們建議使用它。
5.元件 − 通過 React 構建元件，使得程式碼更加容易得到複用，能夠很好的應用在大專案的開發中。
6.單向響應的資料流 − React 實現了單向響應的資料流，從而減少了重複程式碼，這也是它為什麼比傳統資料繫結更簡單。——（菜鳥教程的介紹）

react個人印象最深的應該是虛擬DOM，大家都說操作DOM是前端最耗效能的行為，而react的虛擬DOM是這樣操作的：React會在記憶體中維護一個虛擬DOM樹，當我們對這個樹進行讀或寫的時候，實際上是對虛擬DOM進行的。當資料變化時，然後React會自動更新虛擬DOM，然後拿新的虛擬DOM和舊的虛擬DOM進行對比，找到有變更的部分，得出一個Patch，然後將這個Patch放到一個佇列裡，最終批量更新這些Patch到DOM中。
這樣的機制可以保證即便是根節點資料的變化，最終表現在DOM上的修改也只是受這個資料影響的部分，這樣可以保證非常高效的渲染。
另外，對於移動端的開發，據說React Native是個不錯的選擇。

React Native (簡稱RN)是Facebook於2015年4月開源的跨平臺移動應用開發框架，是Facebook早先開源的UI框架 React 在原生移動應用平臺的衍生產物，目前支援iOS和安卓兩大平臺。RN使用Javascript語言，類似於HTML的JSX，以及CSS來開發移動應用，因此熟悉Web前端開發的技術人員只需很少的學習就可以進入移動應用開發領域。——（引用百度百科的介紹）

O了，廢話就這麼多了。前端的水頗深，各種框架讓人眼花繚亂，更多的技術需要更多的時間去沉澱。處女作算是完成了，還是開頭那句，希望這是自己的新起點（假裝是是首尾呼應），更希望路過的大神啊大牛啊多多指教，文中說的不對或不好的地方，希望不吝賜教喲！