2016主流前端框架部分整理

1. bootstrap

   簡介：最受歡迎的前端框架，多解析度適配，多瀏覽器平台兼容，bootstrap3.0版本之後優先移動開發方向，編寫靈活，覆蓋主流頁面類型元素，可進行框架定製。

   熱度：
   Github上共102395個星
   類型：

   CSS、JS

   模塊化：
   Yes
   響應式：
   Yes
   兼容性：
   IE8+、Chrome、Firefox、Opera、Safari、移動瀏覽器
   核心原則/理念：
   開放、多瀏覽器支持、靈活
   框架大小：

   145K （不包括Jquery）

   BSIE

   簡介：

   Bootstrap擴展庫，適用於對Bootstrap對IE6的兼容性問題的解決，可令bootstrap絕大多數特性運行於IE6之上。
   熱度：
   GitHub上共642個星
   類型：
   JS
   模塊化：
   未知

   響應式：

   Yes
   兼容性：
   針對IE6/7
   核心原則/概念：
   兼容IE6/7
   框架大小：
   14K

2. 
   

   jQuery

   簡介：運行快速、體積小巧且有豐富功能的JavaScript庫，通過簡單的引用庫文件等方式即可實現事件處理、動畫、Ajax等易於使用的API

   熱度：

   Github上共41868個星
   類型：
   JS
   模塊化：
   YES
   響應式：
   Yes
   兼容性：
   移動瀏覽器、IE 9+ firefox 1.5+ Safari 2.0+ Opera 9.0+

   核心概念/原則：

   開放、多瀏覽器支持、靈活

框架大小：

85K
jQueryUI
簡介：
jQuery UI 是建立在 jQuery JavaScript 庫上的一組用戶界面交互、特效、小部件及主題。
熱度：
Github上共9716個星
類型：

JS、CSS

模塊化：
Yes
響應式：
Yes
兼容性：
移動瀏覽器、IE 9+ firefox 1.5+ Safari 2.0+ Opera 9.0+
核心概念/原則：
開放、多瀏覽器支持、靈活
框架大小：

279K

3. jQuery Mobile

   簡介：
   jQuery Mobile針對移動是被開發的jQuery框架，適用於多數流行的智能手機和平板電腦。
   熱度：
   Github上共9978個星
   類型：
   JS、CSS
模塊化：
Yes

響應式：

Yes
兼容性：
移動瀏覽器為主、IE9+、firefox1.6+、Safari、Opera10+
核心概念/原則：
移動瀏覽器優先、開放、靈活
框架大小：
397K（未壓縮）

4. SUI Mobile

   簡介：

   基於Bootstrap前端庫，由淘寶團隊成員開發SUI Mobile使基於Framework7開發，輕量級UI庫，支持ios 6.0+和android 4.0+，適合跨平台web app開發，可提供20多個常用UI組件

   熱度：
   Github上共3928個星
   類型：
   CSS、JS
   模塊化：
   Yes
   響應式：
   Yes
   兼容性：
   移動瀏覽器、IE 9+ firefox 1.5+ Safari 2.0+ Opera 9.0+
   核心概念/原則：
   移動瀏覽器優先輕量級、多瀏覽器支持
   大小：
   52K

5. MUI

   簡介：追求性能體驗，輕量必然是重要特徵，MUI不依賴任何第三方JS框架，接近原生APP體驗的前端框架，不依賴任何第三方JS庫，以ios7平台UI為基礎，補以android特有控制項。
   熱度：
   Github上共4469個星
   類型：
   CSS、JS
   響應式：
   Yes
   模塊化：
   Yes
   兼容性：
   移動瀏覽器、混合式App
   核心概念/原則：
   移動瀏覽器優先、輕量級、跨平台支持
   框架大小：
   160K+

6. ReactJS

   簡介：
   輕量級web開發框架，非MVC框架，響應式更新簡易，實現了單向相應數據流，減少了重複代碼工作量，使用虛擬DOM，可減少瀏覽器負載，提高性能，適合作為MVC架構的View層來使用。需要額外使用flux和routing來補全框架能力。
   熱度：
   Github上共51829個星
   類型：
   JS
   響應式：
   YES
   模塊化：
   Yes
   兼容性：
   移動瀏覽器、混合式APP、IE9+、Chrome、FireFox、Opera
   核心概念/原則：
   移動瀏覽器優先、輕量級、跨平台支持
   框架大小：
   680K

7. Ionic（IonicFramework）

   簡介：
   輕量級混合式HTML5移動開發框架，適用於跨平台混合應用，通過sass構建應用程序，提供多種UI組件，使用JavaScript MVVM框架與AngularJS增強應用，適配移動應用，提供數據雙向綁定，可以實現接近原生應用的體驗。
   熱度：
   Github上共26173個星
   類型：
   JS、CSS
   響應式：
   Yes
   模塊化：
   Yes
   兼容性：
   混合式web app開發
   核心原則/概念：
   混合式web app開發、輕量級、跨平台支持

8. AngularJS

   簡介：
   為克服HTML在構建應用不足而設計，使用函數類庫實現web APP的數據結構與邏輯問題，其通過使用標識符（directive）結構，以使得瀏覽器識別新語法。通過AngularJS可以實現數據綁定、基本模板標識符、表單驗證、組件驗證等。
   熱度：
   Github上共52776個星
   類型：
   JS
   模塊化：
   Yes
   響應式：
   None
   兼容性：
   混合式開發、移動瀏覽器、IE9+、FireFox、Safari、Opera、chrome
   核心概念/原則：
   web開發數據綁定、數據驅動框架
   大小：
   156K

   MeteorJS

   簡介：
   即時web應用開源框架，使用分散式數據協議在客戶端和伺服器間傳送數據，Meteor後端基於Node和MongoDB，並且使用MongoDB來存儲數據，在前端和後端應用方向同時使用Meteor API。
   熱度：
   類型：
   JS
   響應式：
   未知
   模塊化：
   未知
   兼容性：
   混合式web app開發、web開發
   核心概念/原則：
   數據驅動、客戶端語言伺服器通訊
   大小：
   未知

9. Arale

   簡介：
   支付寶前端解決方案，基於SeaJS和CMD規範。Arale 是一個開放、簡單、易用的前端基礎類庫。
   熱度：
   Github上共1361個星
   類型：
   JS
模塊化：
Yes
響應式：
Yes
核心概念/原則：
開放、簡單、易用
兼容性：
高兼容性、多瀏覽器支持、
大小：
未知

10. Sea.JS

    簡介：
    遵循CMD規範，以來自動載入、配置簡潔明晰，提供常用插件，具有豐富可擴展介面。
    熱度：
    在GitHub上有6049個星
    類型：
    JS
    響應式：
    Yes
    模塊化：
    Yes
    兼容性：
    IE5.5+ ,Opera 10+, Safari 3.2+,Firefox 2+,Chrome 3+,移動瀏覽器
    核心概念/原則：
    開放、簡單、自然、模塊化
    大小：
    未知

11. Foundation

    簡介：
    Foundation 是一個易用、強大而且靈活的響應式前端框架，用於構建基於任何設備上的響應式網站、 Web應用和電子郵件。結構語義化、移動設備優先、完全可定製。
    熱度：
    在Github上有24300+ stars
    類型：
    CSS、JS
    響應式：
    Yes
    模塊化：
    Yes
    兼容性：
    Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+
    核心概念/原則：
    RWD 、手機優先、語義化
    大小：
    180k

12. Materialize

    簡介：
    Materialize是一個基於Material Design風格設計的一個現代化的響應式前端框架。提供默認的Material Design樣式，結合了您的自定義組件。此外，他們還改進動畫和過渡，為開發人員提供流暢的體驗。
    熱度：
    在Github上有22070個星
    類型：
    CSS、JS
    模塊化：
    Yes

推薦閱讀：