• 不同領(lǐng)域開(kāi)發(fā)工具 Top 50
• 10 款不錯(cuò)的免費(fèi)CAD查看軟件|附下載
• 史上最全的大數(shù)據(jù)分析和制作工具
• 漲姿勢(shì) |你所不知道的5 個(gè)AR增強(qiáng)現(xiàn)實(shí)新趨勢(shì)
• 2016 年谷歌開(kāi)源了這些超酷炫的項(xiàng)目

1.Bootstrap

作者:Twitter

官網(wǎng)://getbootstrap.com/

Github://github.com/twbs/bootstrap

Star:10W+

最近更新:4.0.0-alpha.5（2016.10.19）

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

2.React

作者:Facebook

官網(wǎng)://facebook.github.io/react/

Github://github.com/facebook/react

Star:5.7W

最近更新:v15.4.1（2016.11.23）

介紹:無(wú)人不知，無(wú)人不曉的新興技術(shù)棧，一經(jīng)推出，就受到了前端圈的極度關(guān)注，經(jīng)過(guò)2016年的洗禮，已經(jīng)逐漸成為了很多企業(yè)的開(kāi)發(fā)技術(shù)棧標(biāo)配。作為2016年最具潛力，乃至最具影響力的前端開(kāi)源項(xiàng)目真的不為過(guò)。

3.Angular

作者:Google

官網(wǎng)://angularjs.org/

Github://github.com/angular/angular.js

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)用程序中編寫(xiě)任何東西成為了可能。而它的框架也是用 TypeScript 所編寫(xiě)的，這也是寫(xiě)應(yīng)用程序推薦的編程語(yǔ)言。雖然Angular.js 2太過(guò)復(fù)雜，但仍然無(wú)法掩蓋他在前端圈子里的火熱程度。

4.Vue

作者:尤雨溪

官網(wǎng)://cn.vuejs.org/

Github://github.com/vuejs/vue

Star:3.8W

最近更新:v2.1.8（2016.12.28）

介紹:如果說(shuō)2016年，前端圈不可不知道的開(kāi)源項(xiàng)目，那Vue絕對(duì)是名列前茅，在今年的新版本Vue.js2.0中，新的渲染層較之 v1 帶來(lái)了巨大的性能提升，盡管渲染層全面更新，Vue 2.0 兼容了絕大部分的 1.0 模板語(yǔ)法，僅廢棄掉了其中的一小部分。

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

5.Semantic UI

作者:jlukic等技術(shù)人員

官網(wǎng)://semantic-ui.com/

Github://github.com/Semantic-Org/Semantic-UI

Star:3W+

最近更新:v2.2.7（2016.12.22）

介紹:Semantic UI—完全語(yǔ)義化的前端界面開(kāi)發(fā)框架，跟 Bootstrap 和 Foundation 比起來(lái)，還是有些不同的，在功能特性上、布局設(shè)計(jì)上、用戶(hù)體驗(yàn)上均存在很多差異。在程序猿圈里其因版本更新頻繁，有著“版本帝”之稱(chēng)。

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

6.Ionic

作者:Ionic技術(shù)團(tuán)隊(duì)

官網(wǎng)://ionicframework.com/getting-started/

Github://github.com/driftyco/ionic

Star:2.7W

最近更新:v2.0.0-rc.4（2016.12.15）

介紹:Ionic 是一個(gè)輕量的手機(jī) UI 庫(kù)，具有速度快，界面現(xiàn)代化、美觀等特點(diǎn)。為了解決其他一些UI 庫(kù)在手機(jī)上運(yùn)行緩慢的問(wèn)題。它使用 JavaScript MVVM 框架和 AngularJS 來(lái)增強(qiáng)應(yīng)用，專(zhuān)注于用WEB開(kāi)發(fā)技術(shù)，基于HTML5創(chuàng)建類(lèi)似于手機(jī)平臺(tái)原生應(yīng)用的一個(gè)開(kāi)發(fā)框架。Ionic框架的目的是從web的角度開(kāi)發(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年帶給開(kāi)發(fā)者不一樣的體驗(yàn)！

7.Backbone

作者:jashkenas等技術(shù)人員

官網(wǎng)://backbonejs.org/

Github://github.com/jashkenas/backbone

Star:2.5W

最近更新:v1.3.3（2016.4.6）

介紹:又是一款老牌的前端類(lèi)庫(kù)，他是第一代的前端MVC，Backbone 最適合的應(yīng)用場(chǎng)景是單頁(yè)面應(yīng)用，并且頁(yè)面上有大量數(shù)據(jù)模型，模型之間需要進(jìn)行復(fù)雜的信息溝通。Backbone 在這種場(chǎng)景下，能很好的實(shí)現(xiàn)模塊間松耦合和事件驅(qū)動(dòng)。 其他適用產(chǎn)品還有微博，網(wǎng)易微博的前端設(shè)計(jì)也是和 Backbone 類(lèi)似的一個(gè)結(jié)構(gòu)，早年的有道云筆記Web版就是用的Backbone。

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

8.Foundation

作者:ZURBfoundation

官網(wǎng)://foundation.zurb.com/

Github://github.com/zurb/foundation-sites

Star:2.4W+

最近更新:v6.3.0（2016.12.16）

介紹:這是一款傳說(shuō)中標(biāo)榜世界上最先進(jìn)的前端響應(yīng)式框架，能夠快速創(chuàng)建運(yùn)行在任何設(shè)備上的應(yīng)用的原型和產(chǎn)品代碼，雖然并沒(méi)有說(shuō)的那么夸張啦，但本身的發(fā)展史也可以跟 Bootstrap 相媲美了，并且也保持著不俗的更新。

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

9.Ember

作者:YehudaKatz

官網(wǎng)://emberjs.com/

Github://github.com/emberjs/ember.js

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ū)重視向后的兼容性，也使得此框架成為開(kāi)發(fā)較長(zhǎng)生命周期的應(yīng)用程序的不二之選。

10.Echarts

作者:百度前端技術(shù)團(tuán)隊(duì)

官網(wǎng)://echarts.baidu.com/

Github://github.com/ecomfe/echarts

最近更新:v2.6.0（2017.1.1）

Star:1.5W+

最近更新:v3.3.3（2016.11.24）

介紹:ECharts 是一款由百度前端技術(shù)部開(kāi)發(fā)的，基于 Javascript 的數(shù)據(jù)可視化圖表庫(kù)，提供直觀，生動(dòng)，可交互，可個(gè)性化定制的數(shù)據(jù)可視化圖表。目前也已經(jīng)成為了百度開(kāi)源項(xiàng)目中的佼佼者，也是目前在國(guó)內(nèi)使用人數(shù)最多的數(shù)據(jù)可視化的開(kāi)源項(xiàng)目。

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

11.Weex

作者:阿里巴巴

官網(wǎng)://weex-project.io/

Github://github.com/alibaba/weex

Star:1W+

最近更新:v0.9.4（2016.12.22）

介紹:Weex 的前身是WeApp，一個(gè)用JSON配置原生UI組件來(lái)實(shí)現(xiàn)動(dòng)態(tài)化的框架，Weex 是WeApp的進(jìn)化版本，加上ex去掉App，就成了現(xiàn)在這個(gè)名字。在2016年4月份的Qcon大會(huì)上正式宣布開(kāi)源， 對(duì)于移動(dòng)開(kāi)發(fā)者來(lái)說(shuō)，Weex 主要解決了頻繁發(fā)版和多端研發(fā)兩大痛點(diǎn)，同時(shí)解決了前端語(yǔ)言性能差和顯示效果受限的問(wèn)題。

12.Ant Design

作者:螞蟻金服

官網(wǎng)://ant.design/

Github://github.com/ant-design/ant-design

Star:9300+

介紹:這是一款基于 React 的 UI 組件庫(kù)，主要是負(fù)責(zé)開(kāi)發(fā)和服務(wù)于企業(yè)級(jí)后臺(tái)產(chǎn)品。通過(guò)Github上的介紹，這個(gè)項(xiàng)目是偏右（阿里的前端大牛）和yiminghe（阿里的前端大牛+1）主導(dǎo)·，而且從 Ant Design 中也不難看出有些部分是來(lái)自yiminghe參與過(guò)的GitHub項(xiàng)目react-component 。

13.Amaze UI

作者:云適配

官網(wǎng)://amazeui.org/

Github://github.com/amazeui/amazeui

Star:8600+

最近更新:v2.7.2（2016.8.17）

介紹:Amaze UI 是國(guó)內(nèi)首款開(kāi)源前端框架，也是率先提出移動(dòng)優(yōu)先理念的框架之一，在2016年Amaze UI 相繼推出了針對(duì)移動(dòng)端的 Touch版，還與阿里釘釘合作推出了釘釘版，另外在2017年年初將迎來(lái)3.0版的重大更新，據(jù)說(shuō)是全新界面，全新設(shè)計(jì)，是不是有點(diǎn)小激動(dòng)？另外，還會(huì)有一個(gè)針對(duì)企業(yè)系統(tǒng)開(kāi)發(fā)的版本，貌似也在秘密研發(fā)中，值得期待一下。

14.Knockout

作者:SteveSanderson等技術(shù)人員

官網(wǎng)://knockoutjs.com/

Github://github.com/knockout/knockout

Star:7900+

最近更新:v3.4.1（2016.11.8）

介紹:Konckout是以兼容性著稱(chēng)的前端框架，因?yàn)樗С忠恍├习姹镜腎E（IE6-IE8）的特性，能夠讓一些企業(yè)開(kāi)發(fā)者免于在瀏覽器兼容性問(wèn)題上浪費(fèi)時(shí)間，但因?yàn)榧嫒軮E6等老版本的IE，所以需要用 observable 才能雙向綁定，而且他相比 Angular 更輕量級(jí)。

15.Element

作者:餓了么前端技術(shù)團(tuán)隊(duì)

官網(wǎng)://element.eleme.io/

Github://github.com/ElemeFE/element

Star:6700+

最近更新:v1.1.2（2016.12.30）

介紹:Element，一套為開(kāi)發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 2.0 的組件庫(kù)，提供了配套設(shè)計(jì)資源，幫助你的網(wǎng)站快速成型。由于目前 Vue 的大紅大紫，導(dǎo)致了很多衍生庫(kù)的出現(xiàn)，餓了么前端技術(shù)團(tuán)隊(duì)出的這套是基于最新的 Vue 2.0 的組件庫(kù)，方便了很多使用 Vue 的開(kāi)發(fā)者能夠快速開(kāi)發(fā)。

16.avalon

作者:qinerg

官網(wǎng)://avalonjs.coding.me/

Github://github.com/RubyLouvre/avalon

Star:4100+

最近更新:v2.2.4（2017.1.4）

介紹:avalon是一個(gè)功能強(qiáng)大，體積小巧的 MVVM 框架。它遵循操作數(shù)據(jù)即操作DOM的理念，讓你在代碼里基本見(jiàn)不到一點(diǎn)DOM操作代碼。DOM操作全部在綁定后，交給框架處理。相當(dāng)后端有了ORM一樣，不用你手寫(xiě)SQL，提高生產(chǎn)力！ 與其它js框架相比，同樣實(shí)現(xiàn)著名的todos功能，在所有MV*的實(shí)現(xiàn)中avalon是讓用戶(hù)寫(xiě)代碼最少的。與其他MV*相比，它不僅輕量，最低支持到IE6，而且性能是最好的。

17.svelte

作者:Rich Harris

官網(wǎng)://svelte.technology/

Github://github.com/sveltejs/svelte

Star:3800+

最近更新:v1.6.3（2017.1.4）

介紹:這款框架是在2016年下半年最新發(fā)布的，作者是 Rich Harris，也就是 Ractive, Rollup 和 Buble 的作者，Svelte 的核心思想在于『通過(guò)靜態(tài)編譯減少框架運(yùn)行時(shí)的代碼量』。當(dāng)前的框架無(wú)論是 React Angular 還是 Vue，不管你怎么編譯，使用的時(shí)候必然需要『引入』框架本身，也就是所謂的運(yùn)行時(shí) (runtime)。但是用 Svelte 就不一樣，一個(gè) Svelte 組件編譯了以后，所有需要的運(yùn)行時(shí)代碼都包含在里面了，除了引入這個(gè)組件本身，你不需要再額外引入一個(gè)所謂的框架運(yùn)行時(shí)！

18.T3js

作者:box

官網(wǎng)://t3js.org/

Github://github.com/box/t3js

Star:1500+

最近更新:v2.7.0（2016.8.27）

介紹:T3js（t3.js）與MVC框架不同，T3是建立在可伸縮 JavaScript 應(yīng)用體系結(jié)構(gòu)的概念之上來(lái)創(chuàng)建松耦合、少模型的系統(tǒng)，以此來(lái)創(chuàng)建大型 JavaScript 應(yīng)用。T3可以與其他框架一起工作后，創(chuàng)建和轉(zhuǎn)換組件變得很容易，而不用停止重新編寫(xiě)整個(gè)客戶(hù)端。

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

19.ZUI

作者:禪道項(xiàng)目管理軟件團(tuán)隊(duì)

官網(wǎng)://zui.sexy/

Github://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 不能夠很好的滿(mǎn)足你，不妨試試這個(gè)。

20.Dojo

作者:Dylan Schiemann

官網(wǎng)://dojotoolkit.org/

Github://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í)屬性，所以過(guò)于“厚重”。

本文轉(zhuǎn)自：//www.oschina.net/blog