摘要：作為年最具潛力，乃至最具影響力的前端開源項目真的不為過。通過上的介紹，這個項目是偏右阿里的前端大牛和阿里的前端大牛主導，而且從中也不難看出有些部分是來自參與過的項目。

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

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

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

(づ￣ 3￣)づ

1、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 網格（查看與常規網格的對比），這使得框架更加現代化，并且讓用戶使用它進行工作時更加得舒心。

2、React

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

3、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太過復雜，很多特性成為了雞肋，引起了眾多開發者抱怨，希望下個版本有所改進！不過，仍然無法掩蓋他在前端圈子里的火熱程度。

4、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組件編譯并且發布成原生的自定義元素以及更好的瀏覽器兼容性上努力，未來不可小視！

5、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年也將會有大動作，也是值得期待的開源項目之一。

6、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年帶給開發者不一樣的體驗！

7、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依舊還保持著常年的更新，雖然并沒有看到太大的改進，但始終還是有一批人在使用著。

8、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年有更大的突破！

9、Ember

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

10、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 還會新增更多特性來提高他的活躍度。

11、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 不可限量！

12、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 大行其道今天，還有玉伯團隊全明星般的號召力，這個項目后面必然會火得一塌糊涂。

13、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版的重大更新，據說是全新界面，全新設計，是不是有點小激動？另外，還會有一個針對企業系統開發的版本，貌似也在秘密研發中，值得期待一下。

14、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和移動端，不妨試試他。

15、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 的衍生組件庫，但是其質量頗高，可讀性也較好。

16、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，而且性能是最好的。

17、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，而這個規范也在逐漸的成為前端的主流！

18、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的創建目的是鼓勵開發者編寫一些小且用途單一的組件，繼而創建出擴展性比較強的客戶端代碼。

19、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 與你見面。