1、Bootstrap
Bootstrap是簡潔、直觀、強悍的前端開發(fā)框架，讓web開發(fā)更迅速、簡單，甚至連非前端工程師人員也能開發(fā)出優(yōu)美的頁面，讓所有開發(fā)人員更加快捷、方便的開發(fā)web頁面和移動端應(yīng)用，同時也能開發(fā)響應(yīng)式web頁面，上手也非?？?。
- 便利
由@mdo 和 @fat 在Twitter工作時創(chuàng)建，Bootstrap使用 LESS CSS 并用 Node 編譯，托管在 GitHub 上，方便大家使用這一框架構(gòu)建更好的web應(yīng)用。
- 任何人都可以使用
Bootstrap不光為了看起來好看，而且在現(xiàn)代的桌面瀏覽器上有極佳的表現(xiàn)(包括IE7！)。在平板電腦和智能手機上面還有 響應(yīng)式CSS 可以使用。
- 豐富的特色
12列的響應(yīng)式柵格結(jié)構(gòu)、豐富的組件、JavaScript插件、排版、表單控件，還有 基于web的定制工具。
2、React
react是Facebook 開發(fā)的框架，用于構(gòu)建頁面、javascript庫。主要功能是對DOM操作，聲明式設(shè)計，更快的開發(fā)出web應(yīng)用系統(tǒng)。
特點：
- 聲明式設(shè)計：React采用聲明范式，可以輕松描述應(yīng)用。
- 高效：React通過對DOM的模擬，最大限度地減少與DOM的交互。
- 靈活：React可以與已知的庫或框架很好地配合。
3、Angular
Angualr 是一款來自谷歌的開源的 web 前端框架，誕生于 2009 年，由 Misko Hevery 等 人創(chuàng)建，后為 Google 所收購。是一款優(yōu)秀的前端 JS 框架，已經(jīng)被用于 Google 的多款產(chǎn)品當中。
優(yōu)點
- 模板功能強大豐富
- 比較完善的前端MVC框架
- 引入了Java的一些概念
Angular與React對比
- 速度差不多
- FLUX架構(gòu)
- 服務(wù)器端渲染
4、vue
Vue是一套構(gòu)建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發(fā)的設(shè)計。Vue 的核心庫只關(guān)注視圖層，并且非常容易學習，非常容易與其它庫或已有項目整合。
優(yōu)點
- 簡潔
- 輕量
- 快速
- 數(shù)據(jù)驅(qū)動
- 模塊友好
- 組件化Vue
Vue的兩大核心
Vue的數(shù)據(jù)驅(qū)動：數(shù)據(jù)改變驅(qū)動了視圖的自動更新，傳統(tǒng)的做法你得手動改變DOM來改變視圖，vuejs只需要改變數(shù)據(jù)，就會自動改變視圖。
視圖組件化：可以把整一個網(wǎng)頁的拆分成一個個區(qū)塊，每個區(qū)塊我們可以看作成一個組件。網(wǎng)頁由多個組件拼接或者嵌套組成。
5、Amaze UI
Amaze UI是輕量級的前端應(yīng)用框架，比較適用于移動端響應(yīng)式開發(fā)框架，可以按照項目要求生成專屬的UI框架庫進行使用，組件非常豐富，可以構(gòu)建出漂亮的web頁面。
優(yōu)點
- 以移動優(yōu)先為理念，移動跨屏適配較好
- 文檔說明較好，集成控件比較豐富，大大提高開發(fā)效率
- 國內(nèi)首個開源跨屏前端架構(gòu)，更好的實現(xiàn)中文排版效果
6、作者心得
在了解了幾個前端架構(gòu)后，對網(wǎng)頁開發(fā)產(chǎn)生了進一步的憧憬，原本的我以為，開發(fā)網(wǎng)頁的過程，是全過程腦補畫面和代碼的長征旅途，現(xiàn)在看來，其實未然，有這么多架構(gòu)的出現(xiàn)，能夠進一步減輕代碼工作量和提高開發(fā)效率。Bootstrap看似是比較容易上手，并且比較簡潔的一個架構(gòu)，感覺比較適合我這樣的新手，Angular和react提供了豐富的功能設(shè)置，技術(shù)含量較大，以后慢慢再接觸適應(yīng)吧，vue的話，使用簡單，比較靈活，適合有想法的人。Amaze UI是中國的，支持一下吧！希望以后與這些前端架構(gòu)接觸后能熟練地使用它們。
