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

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

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

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

(づ￣ 3￣)づ

1、Bootstrap

作者:Twitter
官網(wǎng):http://getbootstrap.com/
Github:https://github.com/twbs/boots...
Star:10W+
最近更新:4.0.0-alpha.5（2016.10.19）
介紹:作為老牌的前端框架，Bootstrap 一直保持著不俗的成績，Bootstrap 4 目前也正處于 Alpha 階段，預(yù)計(jì)在 2017 年發(fā)布。值得關(guān)注的變化是新的通用卡片組件和 Flexbox 網(wǎng)格（查看與常規(guī)網(wǎng)格的對(duì)比），這使得框架更加現(xiàn)代化，并且讓用戶使用它進(jìn)行工作時(shí)更加得舒心。

2、React

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

3、Angular

作者:Google
官網(wǎng):https://angularjs.org/
Github:https://github.com/angular/an...
Star:5.4W+
最近更新:v1.6.1（2016.12.23）
介紹:Angular.js 2 在今年也已經(jīng)發(fā)布了。該框架由 Google 進(jìn)行維護(hù)，受到了眾多企業(yè)和大公司的青睞。它所具備眾多的功能，也為從網(wǎng)絡(luò)到桌面以及移動(dòng)應(yīng)用程序中編寫任何東西成為了可能。而它的框架也是用 TypeScript 所編寫的，這也是寫應(yīng)用程序推薦的編程語言。

但也因?yàn)锳ngular.js 2太過復(fù)雜，很多特性成為了雞肋，引起了眾多開發(fā)者抱怨，希望下個(gè)版本有所改進(jìn)！不過，仍然無法掩蓋他在前端圈子里的火熱程度。

4、Vue

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

Vue的持續(xù)增長速度也超過了作者的預(yù)期，在2016年達(dá)到了幾乎一個(gè)巔峰狀態(tài)，在2017年，他們還會(huì)探索將Vue組件編譯并且發(fā)布成原生的自定義元素以及更好的瀏覽器兼容性上努力，未來不可小視！

5、Semantic UI

作者:jlukic等技術(shù)人員
官網(wǎng):http://semantic-ui.com/
Github:https://github.com/Semantic-O...
Star:3W+
最近更新:v2.2.7（2016.12.22）
介紹:Semantic UI—完全語義化的前端界面開發(fā)框架，跟 Bootstrap 和 Foundation 比起來，還是有些不同的，在功能特性上、布局設(shè)計(jì)上、用戶體驗(yàn)上均存在很多差異。在程序猿圈里其因版本更新頻繁，有著“版本帝”之稱。

在2016年發(fā)布的2.2版本中，做了諸多改進(jìn)以及加入了新的UI元素，更新日志長達(dá)十頁之多，作為名副其實(shí)的“版本帝”，在2017年也將會(huì)有大動(dòng)作，也是值得期待的開源項(xiàng)目之一。

6、Ionic

作者:Ionic技術(shù)團(tuán)隊(duì)
官網(wǎng):http://ionicframework.com/get...
Github:https://github.com/driftyco/i...
Star:2.7W
最近更新:v2.0.0-rc.4（2016.12.15）
介紹:Ionic 是一個(gè)輕量的手機(jī) UI 庫，具有速度快，界面現(xiàn)代化、美觀等特點(diǎn)。為了解決其他一些UI 庫在手機(jī)上運(yùn)行緩慢的問題。它使用 JavaScript MVVM 框架和 AngularJS 來增強(qiáng)應(yīng)用，專注于用WEB開發(fā)技術(shù)，基于HTML5創(chuàng)建類似于手機(jī)平臺(tái)原生應(yīng)用的一個(gè)開發(fā)框架。Ionic框架的目的是從web的角度開發(fā)手機(jī)應(yīng)用，基于 PhoneGap 的編譯平臺(tái)，可以實(shí)現(xiàn)編譯成各個(gè)平臺(tái)的應(yīng)用程序。

目前最新版本是v2.0.0-rc.4，進(jìn)行測(cè)試中的Ionic2新增了諸多新特性，將會(huì)在2017年帶給開發(fā)者不一樣的體驗(yàn)！

7、Backbone

作者:jashkenas等技術(shù)人員
官網(wǎng):http://backbonejs.org/
Github:https://github.com/jashkenas/...
Star:2.5W
最近更新:v1.3.3（2016.4.6）
介紹:又是一款老牌的前端類庫，他是第一代的前端MVC，Backbone 最適合的應(yīng)用場(chǎng)景是單頁面應(yīng)用，并且頁面上有大量數(shù)據(jù)模型，模型之間需要進(jìn)行復(fù)雜的信息溝通。Backbone 在這種場(chǎng)景下，能很好的實(shí)現(xiàn)模塊間松耦合和事件驅(qū)動(dòng)。 其他適用產(chǎn)品還有微博，網(wǎng)易微博的前端設(shè)計(jì)也是和 Backbone 類似的一個(gè)結(jié)構(gòu)，早年的有道云筆記Web版就是用的Backbone。

雖然過去了五六年的時(shí)間，但是Backbone依舊還保持著常年的更新，雖然并沒有看到太大的改進(jìn)，但始終還是有一批人在使用著。

8、Foundation

作者:ZURBfoundation
官網(wǎng):http://foundation.zurb.com/
Github:https://github.com/zurb/found...
Star:2.4W+?
最近更新:v6.3.0（2016.12.16）
介紹:這是一款傳說中標(biāo)榜世界上最先進(jìn)的前端響應(yīng)式框架，能夠快速創(chuàng)建運(yùn)行在任何設(shè)備上的應(yīng)用的原型和產(chǎn)品代碼，雖然并沒有說的那么夸張啦，但本身的發(fā)展史也可以跟 Bootstrap 相媲美了，并且也保持著不俗的更新。?

如果一個(gè)產(chǎn)品不能保持持續(xù)的更新，或許會(huì)慢慢淡出人們的視野，當(dāng)很多人以為 Foundation 在 Vue 等的大潮下會(huì)消失，但沒想到在2016年的6.3.0版本的更新讓他再次出現(xiàn)在人們的眼前，我們也有信心期待他在2017年有更大的突破！

9、Ember

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

10、Echarts

作者:百度前端技術(shù)團(tuán)隊(duì)
官網(wǎng):http://echarts.baidu.com/
Github:https://github.com/ecomfe/ech...
Star:1.5W+
最近更新:v3.3.3（2016.11.24）
介紹:ECharts 是一款由百度前端技術(shù)部開發(fā)的，基于 Javascript 的數(shù)據(jù)可視化圖表庫，提供直觀，生動(dòng)，可交互，可個(gè)性化定制的數(shù)據(jù)可視化圖表。目前也已經(jīng)成為了百度開源項(xiàng)目中的佼佼者，也是目前在國內(nèi)使用人數(shù)最多的數(shù)據(jù)可視化的開源項(xiàng)目。?

在2016年重磅推出的3.0版本更是加入移動(dòng)端交互體驗(yàn)、更小的體積文件、更靈活的打包方式，我們相信，在未來 ECharts 還會(huì)新增更多特性來提高他的活躍度。

11、Weex

作者:阿里巴巴
官網(wǎng):https://weex-project.io/
Github:https://github.com/alibaba/weex
Star:1W+
最近更新:v0.9.4（2016.12.22）
介紹:Weex 的前身是WeApp，一個(gè)用JSON配置原生UI組件來實(shí)現(xiàn)動(dòng)態(tài)化的框架，Weex 是WeApp的進(jìn)化版本，加上ex去掉App，就成了現(xiàn)在這個(gè)名字。在2016年4月份的Qcon大會(huì)上正式宣布開源， 對(duì)于移動(dòng)開發(fā)者來說，Weex 主要解決了頻繁發(fā)版和多端研發(fā)兩大痛點(diǎn)，同時(shí)解決了前端語言性能差和顯示效果受限的問題。

阿里這樣的大公司背景支撐再加上@勾三股四?這樣的技術(shù)大牛帶隊(duì)，未來的 Weex 不可限量！

12、Ant Design

作者:螞蟻金服
官網(wǎng):https://ant.design/
Github:https://github.com/ant-design...
Star:9300+
最近更新:v2.6.0（2017.1.1）
介紹:這是一款基于 React 的 UI 組件庫，主要是負(fù)責(zé)開發(fā)和服務(wù)于企業(yè)級(jí)后臺(tái)產(chǎn)品。通過Github上的介紹，這個(gè)項(xiàng)目是偏右（阿里的前端大牛）和yiminghe（阿里的前端大牛+1）主導(dǎo)·，而且從 Ant Design 中也不難看出有些部分是來自yiminghe參與過的GitHub項(xiàng)目react-component 。

這樣的強(qiáng)強(qiáng)聯(lián)手，再加上 React 大行其道今天，還有玉伯團(tuán)隊(duì)全明星般的號(hào)召力，這個(gè)項(xiàng)目后面必然會(huì)火得一塌糊涂。

13、Amaze UI

作者:云適配
官網(wǎng):http://amazeui.org/
Github:https://github.com/amazeui/am...
Star:8600+
最近更新:v2.7.2（2016.8.17）
介紹:Amaze UI 是國內(nèi)首款開源前端框架，也是率先提出移動(dòng)優(yōu)先理念的框架之一，在2016年Amaze UI 相繼推出了針對(duì)移動(dòng)端的 Touch版，還與阿里釘釘合作推出了釘釘版，另外在2017年年初將迎來3.0版的重大更新，據(jù)說是全新界面，全新設(shè)計(jì)，是不是有點(diǎn)小激動(dòng)？另外，還會(huì)有一個(gè)針對(duì)企業(yè)系統(tǒng)開發(fā)的版本，貌似也在秘密研發(fā)中，值得期待一下。

14、Knockout

作者:SteveSanderson等技術(shù)人員
官網(wǎng):http://knockoutjs.com/
Github:https://github.com/knockout/k...
Star:7900+
最近更新:v3.4.1（2016.11.8）
介紹:Konckout是以兼容性著稱的前端框架，因?yàn)樗С忠恍├习姹镜腎E（IE6-IE8）的特性，能夠讓一些企業(yè)開發(fā)者免于在瀏覽器兼容性問題上浪費(fèi)時(shí)間，但因?yàn)榧嫒軮E6等老版本的IE，所以需要用 observable 才能雙向綁定，而且他相比 Angular 更輕量級(jí)。?

Konckout 在眾多前端輪子面前也在逐漸的發(fā)展出自己的組件化思路，目前跟Vue比較類似，偏向于視圖層的組件化 MVVM 框架，如果你想要兼容老版本IE瀏覽器并且兼顧PC和移動(dòng)端，不妨試試他。

15、Element

作者:餓了么前端技術(shù)團(tuán)隊(duì)
官網(wǎng):http://element.eleme.io/
Github:https://github.com/ElemeFE/el...
Star:6700+
最近更新:v1.1.2（2016.12.30）
介紹:Element，一套為開發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 2.0 的組件庫，提供了配套設(shè)計(jì)資源，幫助你的網(wǎng)站快速成型。由于目前 Vue 的大紅大紫，導(dǎo)致了很多衍生庫的出現(xiàn)，餓了么前端技術(shù)團(tuán)隊(duì)出的這套是基于最新的 Vue 2.0 的組件庫，方便了很多使用 Vue 的開發(fā)者能夠快速開發(fā)。?

有餓了么這個(gè)大公司的背景作支撐，后續(xù)的維護(hù)應(yīng)該不用擔(dān)心，雖然只是一個(gè) Vue 的衍生組件庫，但是其質(zhì)量頗高，可讀性也較好。

16、avalon

作者:qinerg
官網(wǎng):http://avalonjs.coding.me/
Github:https://github.com/RubyLouvre...
Star:4100+
最近更新:v2.2.4（2017.1.4）
介紹:avalon是一個(gè)功能強(qiáng)大，體積小巧的 MVVM 框架。它遵循操作數(shù)據(jù)即操作DOM的理念，讓你在代碼里基本見不到一點(diǎn)DOM操作代碼。DOM操作全部在綁定后，交給框架處理。相當(dāng)后端有了ORM一樣，不用你手寫SQL，提高生產(chǎn)力！ 與其它js框架相比，同樣實(shí)現(xiàn)著名的todos功能，在所有MV的實(shí)現(xiàn)中avalon是讓用戶寫代碼最少的。與其他MV相比，它不僅輕量，最低支持到IE6，而且性能是最好的。

17、svelte

作者:Rich Harris
官網(wǎng):https://svelte.technology/
Github:https://github.com/sveltejs/s...
Star:3800+
最近更新:v1.6.3（2017.1.4）
介紹:這款框架是在2016年下半年最新發(fā)布的，作者是 Rich Harris，也就是 Ractive, Rollup 和 Buble 的作者，Svelte 的核心思想在于『通過靜態(tài)編譯減少框架運(yùn)行時(shí)的代碼量』。當(dāng)前的框架無論是 React Angular 還是 Vue，不管你怎么編譯，使用的時(shí)候必然需要『引入』框架本身，也就是所謂的運(yùn)行時(shí) (runtime)。但是用 Svelte 就不一樣，一個(gè) Svelte 組件編譯了以后，所有需要的運(yùn)行時(shí)代碼都包含在里面了，除了引入這個(gè)組件本身，你不需要再額外引入一個(gè)所謂的框架運(yùn)行時(shí)?。ú糠謨?nèi)容摘自知乎Vue作者尤雨溪回答）

出自前端輪子哥之手的新型框架，從中可以看到很多與現(xiàn)有的框架相同之處，但也有他的優(yōu)勢(shì)所在，因?yàn)樗梢杂脕砭幾g可獨(dú)立分發(fā)的 Web Components，而這個(gè)規(guī)范也在逐漸的成為前端的主流！

18、T3js

作者:box
官網(wǎng):http://t3js.org/
Github:https://github.com/box/t3js
Star:1500+
最近更新:v2.7.0（2016.8.27）
介紹:T3js（t3.js）與MVC框架不同，T3是建立在可伸縮 JavaScript 應(yīng)用體系結(jié)構(gòu)的概念之上來創(chuàng)建松耦合、少模型的系統(tǒng)，以此來創(chuàng)建大型 JavaScript 應(yīng)用。T3可以與其他框架一起工作后，創(chuàng)建和轉(zhuǎn)換組件變得很容易，而不用停止重新編寫整個(gè)客戶端。?

T3的設(shè)計(jì)完全遵循可擴(kuò)展 JavaScript 應(yīng)用體系結(jié)構(gòu)相關(guān)原則，尤其是組件間強(qiáng)調(diào)松耦合、依賴透明化、為不明確的需求留有擴(kuò)展點(diǎn)以備擴(kuò)展、抽象出共同點(diǎn)等原則。T3的創(chuàng)建目的是鼓勵(lì)開發(fā)者編寫一些小且用途單一的組件，繼而創(chuàng)建出擴(kuò)展性比較強(qiáng)的客戶端代碼。

19、ZUI

作者:禪道項(xiàng)目管理軟件團(tuán)隊(duì)
官網(wǎng):http://zui.sexy/
Github:https://github.com/easysoft/zui
Star:1200+
最近更新:v1.5（2016.9.6）
介紹:ZUI 繼承了Bootstrap 3中的大部分基礎(chǔ)內(nèi)容，但出于與Bootstrap不同的目的大部分內(nèi)容都進(jìn)行了定制和修改。其中包含，移除了部分插件的限制，增加了卡片、評(píng)論、列表等實(shí)用的視圖插件。 你可以把 ZUI 看成是 Bootstrap 的補(bǔ)全完善版，如果認(rèn)為Bootstrap 不能夠很好的滿足你，不妨試試這個(gè)。

20、Dojo

作者:Dylan Schiemann
官網(wǎng):https://dojotoolkit.org/
Github:https://github.com/dojo/dojo
Star:957
最近更新:v1.12.1（2016.12.21）
介紹:這是一款針對(duì)企業(yè)級(jí)應(yīng)用的前端框架，目前已應(yīng)用于IBM等大企業(yè)，主要分為dojo,dijit,dojox三個(gè)大模塊，前者包括oop模擬，各種常用功能的處理，如：declare.js lang, request等；中間是ui層各種組件的實(shí)現(xiàn)，如：邊框容器，時(shí)間日期等；后者是常用組件功能的擴(kuò)展，如：列表table，圖表等；也正是因?yàn)樗钠髽I(yè)級(jí)屬性，所以過于“厚重”。

好啦，2016年的最具潛力前端開源項(xiàng)目盤點(diǎn)到這里就結(jié)束啦，各位可以在文章后面留言說出你對(duì)前端開源項(xiàng)目的想法，投稿的作者也會(huì)看到喲，感謝大家的支持，請(qǐng)期待2017年，全新的 Amaze UI 與你見面。