2016年最具潛力前端開源項目Top20

在2016年，前端的開源世界愈加精彩，Vue的不斷壯大，Angular 2的發佈，Amaze UI 3.0蓄勢待發，黑馬級別的Ant Design，這些都給2016年的前端世界注入了不一樣的鮮活血液。做爲一名前端開發者，今天就給你們盤點一下在過去的2016年中，哪些開源項目值得期待，哪些具備成爲開發者眼中NO.1的潛力。

因盤點的開源項目不能徹底以技術等標準來斷定誰高誰低，因此如下項目排名以Github上Star數量排名，且盤點的項目裏均是在2016年中保持了較高的活躍度（有重大更新、重大事件、最新發布等），畢竟我的精力和水平有限，若有不足之處還請見諒。

以上是投稿做者的原話，感謝這位有心的開發者，很榮幸 Amaze UI 也能入選，2017年，Amaze UI的潛力即將爆發，請各位敬請期待！

(づ￣ 3￣)づ

一、Bootstrap

做者:Twitter
官網:http://getbootstrap.com/
Github:https://github.com/twbs/boots...
Star:10W+
最近更新:4.0.0-alpha.5（2016.10.19）
介紹:做爲老牌的前端框架，Bootstrap 一直保持着不俗的成績，Bootstrap 4 目前也正處於 Alpha 階段，預計在 2017 年發佈。值得關注的變化是新的通用卡片組件和 Flexbox 網格（查看與常規網格的對比），這使得框架更加現代化，而且讓用戶使用它進行工做時更加得舒心。

二、React

做者:Facebook
官網:https://facebook.github.io/re...
Github:https://github.com/facebook/r...
Star:5.7W
最近更新:v15.4.1（2016.11.23）
介紹:無人不知，無人不曉的新興技術棧，一經推出，就受到了前端圈的極度關注，通過2016年的洗禮，已經逐漸成爲了不少企業的開發技術棧標配。做爲2016年最具潛力，乃至最具影響力的前端開源項目真的不爲過。

三、Angular

做者:Google
官網:https://angularjs.org/
Github:https://github.com/angular/an...
Star:5.4W+
最近更新:v1.6.1（2016.12.23）
介紹:Angular.js 2 在今年也已經發布了。該框架由 Google 進行維護，受到了衆多企業和大公司的青睞。它所具有衆多的功能，也爲從網絡到桌面以及移動應用程序中編寫任何東西成爲了可能。而它的框架也是用 TypeScript 所編寫的，這也是寫應用程序推薦的編程語言。

但也由於Angular.js 2太過複雜，不少特性成爲了雞肋，引發了衆多開發者抱怨，但願下個版本有所改進！不過，仍然沒法掩蓋他在前端圈子裏的火熱程度。

四、Vue

做者:尤雨溪
官網:http://cn.vuejs.org/
Github:https://github.com/vuejs/vue
Star:3.8W
最近更新:v2.1.8（2016.12.28）
介紹:若是說2016年，前端圈不可不知道的開源項目，那Vue絕對是名列前茅，在今年的新版本Vue.js2.0中，新的渲染層較之 v1 帶來了巨大的性能提高，儘管渲染層全面更新，Vue 2.0 兼容了絕大部分的 1.0 模板語法，僅廢棄掉了其中的一小部分。

Vue的持續增加速度也超過了做者的預期，在2016年達到了幾乎一個巔峯狀態，在2017年，他們還會探索將Vue組件編譯而且發佈成原生的自定義元素以及更好的瀏覽器兼容性上努力，將來不可小視！

五、Semantic UI

做者:jlukic等技術人員
官網:http://semantic-ui.com/
Github:https://github.com/Semantic-O...
Star:3W+
最近更新:v2.2.7（2016.12.22）
介紹:Semantic UI—徹底語義化的前端界面開發框架，跟 Bootstrap 和 Foundation 比起來，仍是有些不一樣的，在功能特性上、佈局設計上、用戶體驗上均存在不少差別。在程序猿圈裏其因版本更新頻繁，有着「版本帝」之稱。

在2016年發佈的2.2版本中，作了諸多改進以及加入了新的UI元素，更新日誌長達十頁之多，做爲名副其實的「版本帝」，在2017年也將會有大動做，也是值得期待的開源項目之一。

六、Ionic

做者:Ionic技術團隊
官網:http://ionicframework.com/get...
Github:https://github.com/driftyco/i...
Star:2.7W
最近更新:v2.0.0-rc.4（2016.12.15）
介紹:Ionic 是一個輕量的手機 UI 庫，具備速度快，界面現代化、美觀等特色。爲了解決其餘一些UI 庫在手機上運行緩慢的問題。它使用 JavaScript MVVM 框架和 AngularJS 來加強應用，專一於用WEB開發技術，基於HTML5建立相似於手機平臺原生應用的一個開發框架。Ionic框架的目的是從web的角度開發手機應用，基於 PhoneGap 的編譯平臺，能夠實現編譯成各個平臺的應用程序。

目前最新版本是v2.0.0-rc.4，進行測試中的Ionic2新增了諸多新特性，將會在2017年帶給開發者不同的體驗！

七、Backbone

做者:jashkenas等技術人員
官網:http://backbonejs.org/
Github:https://github.com/jashkenas/...
Star:2.5W
最近更新:v1.3.3（2016.4.6）
介紹:又是一款老牌的前端類庫，他是第一代的前端MVC，Backbone 最適合的應用場景是單頁面應用，而且頁面上有大量數據模型，模型之間須要進行復雜的信息溝通。Backbone 在這種場景下，能很好的實現模塊間鬆耦合和事件驅動。 其餘適用產品還有微博，網易微博的前端設計也是和 Backbone 相似的一個結構，早年的有道雲筆記Web版就是用的Backbone。

雖然過去了五六年的時間，可是Backbone依舊還保持着常年的更新，雖然並無看到太大的改進，但始終仍是有一批人在使用着。

八、Foundation

做者:ZURBfoundation
官網:http://foundation.zurb.com/
Github:https://github.com/zurb/found...
Star:2.4W+ 
最近更新:v6.3.0（2016.12.16）
介紹:這是一款傳說中標榜世界上最早進的前端響應式框架，可以快速建立運行在任何設備上的應用的原型和產品代碼，雖然並無說的那麼誇張啦，但自己的發展史也能夠跟 Bootstrap 相媲美了，而且也保持着不俗的更新。 

若是一個產品不能保持持續的更新，或許會慢慢淡出人們的視野，當不少人覺得 Foundation 在 Vue 等的大潮下會消失，但沒想到在2016年的6.3.0版本的更新讓他再次出如今人們的眼前，咱們也有信心期待他在2017年有更大的突破！

九、Ember

做者:YehudaKatz
官網:http://emberjs.com/
Github:https://github.com/emberjs/em...
Star:1.7W+
最近更新:v2.10.2（2016.12.20）
介紹:Ember 是 JavaScript 框架的另外一個不錯的選擇。它支持數據雙向綁定，並可以自動更新模板、組件以及服務器端渲染。與其餘競爭者相比，使用它的好處是它更加成熟與穩定，而其框架的重大更改頻率之低，社區重視向後的兼容性，也使得此框架成爲開發較長生命週期的應用程序的不二之選。

十、Echarts

做者:百度前端技術團隊
官網:http://echarts.baidu.com/
Github:https://github.com/ecomfe/ech...
Star:1.5W+
最近更新:v3.3.3（2016.11.24）
介紹:ECharts 是一款由百度前端技術部開發的，基於 Javascript 的數據可視化圖表庫，提供直觀，生動，可交互，可個性化定製的數據可視化圖表。目前也已經成爲了百度開源項目中的佼佼者，也是目前在國內使用人數最多的數據可視化的開源項目。 

在2016年重磅推出的3.0版本更是加入移動端交互體驗、更小的體積文件、更靈活的打包方式，咱們相信，在將來 ECharts 還會新增更多特性來提升他的活躍度。

十一、Weex

做者:阿里巴巴
官網:https://weex-project.io/
Github:https://github.com/alibaba/weex
Star:1W+
最近更新:v0.9.4（2016.12.22）
介紹:Weex 的前身是WeApp，一個用JSON配置原生UI組件來實現動態化的框架，Weex 是WeApp的進化版本，加上ex去掉App，就成了如今這個名字。在2016年4月份的Qcon大會上正式宣佈開源， 對於移動開發者來講，Weex 主要解決了頻繁發版和多端研發兩大痛點，同時解決了前端語言性能差和顯示效果受限的問題。

阿里這樣的大公司背景支撐再加上@勾三股四 這樣的技術大牛帶隊，將來的 Weex 不可限量！

十二、Ant Design

做者:螞蟻金服
官網:https://ant.design/
Github:https://github.com/ant-design...
Star:9300+
最近更新:v2.6.0（2017.1.1）
介紹:這是一款基於 React 的 UI 組件庫，主要是負責開發和服務於企業級後臺產品。經過Github上的介紹，這個項目是偏右（阿里的前端大牛）和yiminghe（阿里的前端大牛+1）主導·，並且從 Ant Design 中也不難看出有些部分是來自yiminghe參與過的GitHub項目react-component 。

這樣的強強聯手，再加上 React 大行其道今天，還有玉伯團隊全明星般的號召力，這個項目後面必然會火得一塌糊塗。

1三、Amaze UI

做者:雲適配
官網:http://amazeui.org/
Github:https://github.com/amazeui/am...
Star:8600+
最近更新:v2.7.2（2016.8.17）
介紹:Amaze UI 是國內首款開源前端框架，也是率先提出移動優先理念的框架之一，在2016年Amaze UI 相繼推出了針對移動端的 Touch版，還與阿里釘釘合做推出了釘釘版，另外在2017年年初將迎來3.0版的重大更新，聽說是全新界面，全新設計，是否是有點小激動？另外，還會有一個針對企業系統開發的版本，貌似也在祕密研發中，值得期待一下。

1四、Knockout

做者:SteveSanderson等技術人員
官網:http://knockoutjs.com/
Github:https://github.com/knockout/k...
Star:7900+
最近更新:v3.4.1（2016.11.8）
介紹:Konckout是以兼容性著稱的前端框架，由於他支持一些老版本的IE（IE6-IE8）的特性，可以讓一些企業開發者免於在瀏覽器兼容性問題上浪費時間，但由於兼容IE6等老版本的IE，因此須要用 observable 才能雙向綁定，並且他相比 Angular 更輕量級。 

Konckout 在衆多前端輪子面前也在逐漸的發展出本身的組件化思路，目前跟Vue比較相似，偏向於視圖層的組件化 MVVM 框架，若是你想要兼容老版本IE瀏覽器而且兼顧PC和移動端，不妨試試他。

1五、Element

做者:餓了麼前端技術團隊
官網:http://element.eleme.io/
Github:https://github.com/ElemeFE/el...
Star:6700+
最近更新:v1.1.2（2016.12.30）
介紹:Element，一套爲開發者、設計師和產品經理準備的基於 Vue 2.0 的組件庫，提供了配套設計資源，幫助你的網站快速成型。因爲目前 Vue 的大紅大紫，致使了不少衍生庫的出現，餓了麼前端技術團隊出的這套是基於最新的 Vue 2.0 的組件庫，方便了不少使用 Vue 的開發者可以快速開發。 

有餓了麼這個大公司的背景做支撐，後續的維護應該不用擔憂，雖然只是一個 Vue 的衍生組件庫，可是其質量頗高，可讀性也較好。

1六、avalon

做者:qinerg
官網:http://avalonjs.coding.me/
Github:https://github.com/RubyLouvre...
Star:4100+
最近更新:v2.2.4（2017.1.4）
介紹:avalon是一個功能強大，體積小巧的 MVVM 框架。它遵循操做數據即操做DOM的理念，讓你在代碼裏基本見不到一點DOM操做代碼。DOM操做所有在綁定後，交給框架處理。至關後端有了ORM同樣，不用你手寫SQL，提升生產力！ 與其它js框架相比，一樣實現著名的todos功能，在全部MV的實現中avalon是讓用戶寫代碼最少的。與其餘MV相比，它不只輕量，最低支持到IE6，並且性能是最好的。

1七、svelte

做者:Rich Harris
官網:https://svelte.technology/
Github:https://github.com/sveltejs/s...
Star:3800+
最近更新:v1.6.3（2017.1.4）
介紹:這款框架是在2016年下半年最新發布的，做者是 Rich Harris，也就是 Ractive, Rollup 和 Buble 的做者，Svelte 的核心思想在於『經過靜態編譯減小框架運行時的代碼量』。當前的框架不管是 React Angular 仍是 Vue，無論你怎麼編譯，使用的時候必然須要『引入』框架自己，也就是所謂的運行時 (runtime)。可是用 Svelte 就不同，一個 Svelte 組件編譯了之後，全部須要的運行時代碼都包含在裏面了，除了引入這個組件自己，你不須要再額外引入一個所謂的框架運行時！（部份內容摘自知乎Vue做者尤雨溪回答）

出自前端輪子哥之手的新型框架，從中能夠看到不少與現有的框架相同之處，但也有他的優點所在，由於他能夠用來編譯可獨立分發的 Web Components，而這個規範也在逐漸的成爲前端的主流！

1八、T3js

做者:box
官網:http://t3js.org/
Github:https://github.com/box/t3js
Star:1500+
最近更新:v2.7.0（2016.8.27）
介紹:T3js（t3.js）與MVC框架不一樣，T3是創建在可伸縮 JavaScript 應用體系結構的概念之上來建立鬆耦合、少模型的系統，以此來建立大型 JavaScript 應用。T3能夠與其餘框架一塊兒工做後，建立和轉換組件變得很容易，而不用中止從新編寫整個客戶端。 

T3的設計徹底遵循可擴展 JavaScript 應用體系結構相關原則，尤爲是組件間強調鬆耦合、依賴透明化、爲不明確的需求留有擴展點以備擴展、抽象出共同點等原則。T3的建立目的是鼓勵開發者編寫一些小且用途單一的組件，繼而建立出擴展性比較強的客戶端代碼。

1九、ZUI

做者:禪道項目管理軟件團隊
官網:http://zui.sexy/
Github:https://github.com/easysoft/zui
Star:1200+
最近更新:v1.5（2016.9.6）
介紹:ZUI 繼承了Bootstrap 3中的大部分基礎內容，但出於與Bootstrap不一樣的目的大部份內容都進行了定製和修改。其中包含，移除了部分插件的限制，增長了卡片、評論、列表等實用的視圖插件。 你能夠把 ZUI 當作是 Bootstrap 的補全完善版，若是認爲Bootstrap 不可以很好的知足你，不妨試試這個。

20、Dojo

做者:Dylan Schiemann
官網:https://dojotoolkit.org/
Github:https://github.com/dojo/dojo
Star:957
最近更新:v1.12.1（2016.12.21）
介紹:這是一款針對企業級應用的前端框架，目前已應用於IBM等大企業，主要分爲dojo,dijit,dojox三個大模塊，前者包括oop模擬，各類經常使用功能的處理，如：declare.js lang, request等；中間是ui層各類組件的實現，如：邊框容器，時間日期等；後者是經常使用組件功能的擴展，如：列表table，圖表等；也正是由於他的企業級屬性，因此過於「厚重」。

好啦，2016年的最具潛力前端開源項目盤點到這裏就結束啦，各位能夠在文章後面留言說出你對前端開源項目的想法，投稿的做者也會看到喲，感謝你們的支持，請期待2017年，全新的 Amaze UI 與你見面。