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

1.Bootstrap

圖片1

作者:Twitter

官網:http://getbootstrap.com/

Github:https://github.com/twbs/bootstrap

Star:10W+

最近更新:4.0.0-alpha.5(2016.10.19)

介紹:作爲老牌的前端框架,Bootstrap 一直保持着不俗的成績,Bootstrap 4 目前也正處於 Alpha 階段,預計在 2017 年發佈。值得關注的變化是新的通用卡片組件和 Flexbox 網格(查看與常規網格的對比),這使得框架更加現代化,並且讓用戶使用它進行工作時更加得舒心。

2.React

圖片2

作者:Facebook

官網:https://facebook.github.io/react/

Github:https://github.com/facebook/react

Star:5.7W

最近更新:v15.4.1(2016.11.23)

介紹:無人不知,無人不曉的新興技術棧,一經推出,就受到了前端圈的極度關注,經過2016年的洗禮,已經逐漸成爲了很多企業的開發技術棧標配。作爲2016年最具潛力,乃至最具影響力的前端開源項目真的不爲過。

3.Angular

圖片3

作者:Google

官網:https://angularjs.org/

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

Star:5.4W+

最近更新:v1.6.1(2016.12.23)

介紹:Angular.js 2 在今年也已經發布了。該框架由 Google 進行維護,受到了衆多企業和大公司的青睞。它所具備衆多的功能,也爲從網絡到桌面以及移動應用程序中編寫任何東西成爲了可能。而它的框架也是用 TypeScript 所編寫的,這也是寫應用程序推薦的編程語言。雖然Angular.js 2太過複雜,但仍然無法掩蓋他在前端圈子裏的火熱程度。

4.Vue

圖片4

作者:尤雨溪

官網: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

圖片5

作者:jlukic等技術人員

官網:http://semantic-ui.com/

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

Star:3W+

最近更新:v2.2.7(2016.12.22)

介紹:Semantic UI—完全語義化的前端界面開發框架,跟 Bootstrap 和 Foundation 比起來,還是有些不同的,在功能特性上、佈局設計上、用戶體驗上均存在很多差異。在程序猿圈裏其因版本更新頻繁,有着“版本帝”之稱。

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

6.Ionic

圖片6

作者:Ionic技術團隊

官網:http://ionicframework.com/getting-started/

Github:https://github.com/driftyco/ionic

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

圖片7

作者:jashkenas等技術人員

官網:http://backbonejs.org/

Github:https://github.com/jashkenas/backbone

Star:2.5W

最近更新:v1.3.3(2016.4.6)

介紹:又是一款老牌的前端類庫,他是第一代的前端MVC,Backbone 最適合的應用場景是單頁面應用,並且頁面上有大量數據模型,模型之間需要進行復雜的信息溝通。Backbone 在這種場景下,能很好的實現模塊間鬆耦合和事件驅動。 其他適用產品還有微博,網易微博的前端設計也是和 Backbone 類似的一個結構,早年的有道雲筆記Web版就是用的Backbone。

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

8.Foundation

圖片8

作者:ZURBfoundation

官網:http://foundation.zurb.com/

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

Star:2.4W+

最近更新:v6.3.0(2016.12.16)

介紹:這是一款傳說中標榜世界上最先進的前端響應式框架,能夠快速創建運行在任何設備上的應用的原型和產品代碼,雖然並沒有說的那麼誇張啦,但本身的發展史也可以跟 Bootstrap 相媲美了,並且也保持着不俗的更新。

如果一個產品不能保持持續的更新,或許會慢慢淡出人們的視野,當很多人以爲 Foundation 在 Vue 等的大潮下會消失,但沒想到在2016年的6.3.0版本的更新讓他再次出現在人們的眼前,我們也有信心期待他在2017年有更大的突破!

9.Ember

圖片9

作者:YehudaKatz

官網:http://emberjs.com/

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

Star:1.7W+

最近更新:v2.10.2(2016.12.20)

介紹:Ember 是 JavaScript 框架的另一個不錯的選擇。它支持數據雙向綁定,並能夠自動更新模板、組件以及服務器端渲染。與其他競爭者相比,使用它的好處是它更加成熟與穩定,而其框架的重大更改頻率之低,社區重視向後的兼容性,也使得此框架成爲開發較長生命週期的應用程序的不二之選。

10.Echarts

圖片10

作者:百度前端技術團隊

官網:http://echarts.baidu.com/

Github:https://github.com/ecomfe/echarts

最近更新:v2.6.0(2017.1.1)

Star:1.5W+

最近更新:v3.3.3(2016.11.24)

介紹:ECharts 是一款由百度前端技術部開發的,基於 Javascript 的數據可視化圖表庫,提供直觀,生動,可交互,可個性化定製的數據可視化圖表。目前也已經成爲了百度開源項目中的佼佼者,也是目前在國內使用人數最多的數據可視化的開源項目。

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

11.Weex

圖片11

作者:阿里巴巴

官網: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 主要解決了頻繁發版和多端研發兩大痛點,同時解決了前端語言性能差和顯示效果受限的問題。

12.Ant Design

圖片12

作者:螞蟻金服

官網:https://ant.design/

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

Star:9300+

介紹:這是一款基於 React 的 UI 組件庫,主要是負責開發和服務於企業級後臺產品。通過Github上的介紹,這個項目是偏右(阿里的前端大牛)和yiminghe(阿里的前端大牛+1)主導·,而且從 Ant Design 中也不難看出有些部分是來自yiminghe參與過的GitHub項目react-component 。

13.Amaze UI

圖片13

作者:雲適配

官網:http://amazeui.org/

Github:https://github.com/amazeui/amazeui

Star:8600+

最近更新:v2.7.2(2016.8.17)

介紹:Amaze UI 是國內首款開源前端框架,也是率先提出移動優先理念的框架之一,在2016年Amaze UI 相繼推出了針對移動端的 Touch版,還與阿里釘釘合作推出了釘釘版,另外在2017年年初將迎來3.0版的重大更新,據說是全新界面,全新設計,是不是有點小激動?另外,還會有一個針對企業系統開發的版本,貌似也在祕密研發中,值得期待一下。

14.Knockout

圖片14

作者:SteveSanderson等技術人員

官網:http://knockoutjs.com/

Github:https://github.com/knockout/knockout

Star:7900+

最近更新:v3.4.1(2016.11.8)

介紹:Konckout是以兼容性著稱的前端框架,因爲他支持一些老版本的IE(IE6-IE8)的特性,能夠讓一些企業開發者免於在瀏覽器兼容性問題上浪費時間,但因爲兼容IE6等老版本的IE,所以需要用 observable 才能雙向綁定,而且他相比 Angular 更輕量級。

15.Element

圖片15

作者:餓了麼前端技術團隊

官網:http://element.eleme.io/

Github:https://github.com/ElemeFE/element

Star:6700+

最近更新:v1.1.2(2016.12.30)

介紹:Element,一套爲開發者、設計師和產品經理準備的基於 Vue 2.0 的組件庫,提供了配套設計資源,幫助你的網站快速成型。由於目前 Vue 的大紅大紫,導致了很多衍生庫的出現,餓了麼前端技術團隊出的這套是基於最新的 Vue 2.0 的組件庫,方便了很多使用 Vue 的開發者能夠快速開發。

16.avalon

圖片16

作者:qinerg

官網:http://avalonjs.coding.me/

Github:https://github.com/RubyLouvre/avalon

Star:4100+

最近更新:v2.2.4(2017.1.4)

介紹:avalon是一個功能強大,體積小巧的 MVVM 框架。它遵循操作數據即操作DOM的理念,讓你在代碼裏基本見不到一點DOM操作代碼。DOM操作全部在綁定後,交給框架處理。相當後端有了ORM一樣,不用你手寫SQL,提高生產力! 與其它js框架相比,同樣實現著名的todos功能,在所有MV*的實現中avalon是讓用戶寫代碼最少的。與其他MV*相比,它不僅輕量,最低支持到IE6,而且性能是最好的。

17.svelte

圖片17

作者:Rich Harris

官網:https://svelte.technology/

Github:https://github.com/sveltejs/svelte

Star:3800+

最近更新:v1.6.3(2017.1.4)

介紹:這款框架是在2016年下半年最新發布的,作者是 Rich Harris,也就是 Ractive, Rollup 和 Buble 的作者,Svelte 的核心思想在於『通過靜態編譯減少框架運行時的代碼量』。當前的框架無論是 React Angular 還是 Vue,不管你怎麼編譯,使用的時候必然需要『引入』框架本身,也就是所謂的運行時 (runtime)。但是用 Svelte 就不一樣,一個 Svelte 組件編譯了以後,所有需要的運行時代碼都包含在裏面了,除了引入這個組件本身,你不需要再額外引入一個所謂的框架運行時!

18.T3js

圖片18

作者: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

圖片19

作者:禪道項目管理軟件團隊

官網: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

圖片20

作者: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,圖表等;也正是因爲他的企業級屬性,所以過於“厚重”。

本文轉自:https://www.oschina.net/blog



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章