JavaScript 框架和庫可以說是開源項目中最龐大也是最累的類目了,目前在github 上這一類的項目是最多的,並且幾乎每隔一段時間就會出現一個新的項目席捲網絡社區,雖然這樣推動了創新的發展,但不得不說苦了前端的開發者們。因此本文羅列出了一些優秀的 Javascript 框架和庫的特點及其在 github 上的 star 數,旨在爲各位開發者提供一些參考。如有遺漏,歡迎補充。
1、ReactJS (Star: 59989 ,Fork: 10992)
React.js(React)是一個用來構建用戶界面的 JavaScript 庫,主要用於構建UI,很多人認爲 React 是 MVC 中的 V(視圖)。React 起源於 Facebook 的內部項目,用來架設 Instagram 的網站,並於 2013 年 5 月開源。React 擁有較高的性能,代碼邏輯非常簡單,越來越多的人已開始關注和使用它。
React 特點:
- 1.聲明式設計 −React採用聲明範式,可以輕鬆描述應用。
- 2.高效 −React通過對DOM的模擬,最大限度地減少與DOM的交互。
- 3.靈活 −React可以與已知的庫或框架很好地配合。
- 4.JSX − JSX 是 JavaScript 語法的擴展。React 開發不一定使用 JSX ,但我們建議使用它。
- 5.組件 − 通過 React 構建組件,使得代碼更加容易得到複用,能夠很好的應用在大項目的開發中。
- 6.單向響應的數據流 − React 實現了單向響應的數據流,從而減少了重複代碼,這也是它爲什麼比傳統數據綁定更簡單。
主頁:https://facebook.github.io/react
2、AngularJS (Star: 54769 ,Fork: 27292)
Angular JS (Angular.JS) 是一組用來開發 Web 頁面的框架、模板以及數據綁定和豐富 UI 組件。它支持整個開發進程,提供 Web 應用的架構,無需進行手工 DOM 操作。 AngularJS 很小,只有 60K,兼容主流瀏覽器,與 jQuery 配合良好。
主頁:https://angularjs.org
3、Vue.js(Star: 43608, Fork: 5493)
Vue.js 是構建 Web 界面的 JavaScript 庫,提供數據驅動的組件,還有簡單靈活的 API,使得 MVVM 更簡單。
主要特性:
- 可擴展的數據綁定
- 將普通的 JS 對象作爲 model
- 簡潔明瞭的 API
- 組件化 UI 構建
- 配合別的庫使用
主頁:http://vuejs.org
4、jQuery(Star: 43432, Fork: 12117)
Jquery 是輕量級的js庫(壓縮後只有21k) ,它兼容CSS3,還兼容各種瀏覽器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用戶能更方便地處理HTML documents、events、實現動畫效果,並且方便地爲網站提供AJAX交互。jQuery還有一個比較大的優勢是,它的文檔說明很全,而且各種 應用也說得很詳細,同時還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁保持代碼和html內容分離,也就是說,不用再在html裏面插入一堆js來調用命令了,只需定義id即可。
主頁:https://jquery.com/
5、Meteor(Star: 36691,Fork: 4617)
Meteor 是一組新的技術用於構建高質量的 Web 應用,提供很多現成的包,可直接在瀏覽器或者雲平臺中運行。
主頁:http://www.meteor.com
6、Angular2(Star: 20803,Fork: 5367)
Angular 是一款十分流行且好用的 Web 前端框架,目前由 Google 維護。這個條目收錄的是 Angular 2 及其後面的版本。由於官方已將 Angular 2 和之前的版本 Angular.js 分開維護(兩者的 GitHub 地址和項目主頁皆不相同),所以就有了這個頁面。傳送門:Angular.js
主頁:https://angular.io
7、Ember.js (Star: 17540,Fork: 3646)
Ember是一個雄心勃勃的Web應用程序,消除了樣板,並提供了一個標準的應用程序架構的JavaScript框架。
主頁:http://emberjs.com
8、Polymer(Star: 16979, Fork: 1699)
在2013年的Google I/O大會上,Google發佈了Polymer,它是一個使用Web組件構建Web應用的類庫,同時也使用了爲Web構建可重用組件的新的HTML 5標準。Polymer爲大部分Web組件技術提供了polyfills功能,它能讓開發者在所有的瀏覽器支持新特性前創建自己的可重用組件。此外,Polymer提供了一系列的部件的例子,其中包括天氣、時鐘、股票行情和線型圖。
Polymer中的polyfills爲需要使用Web組件成功構建應用提供了多種Web技術,包括:
- HTML imports:種在其他HTML document中引入和重用HTML document的方法。
- 自定義元素:讓開發者定義和使用自定義DOM元素。
- Shadow DOM:在DOM中提供的封裝。
- 模型驅動視圖(Model Driven Views):提供象AngularJS的數據綁定。
- Web動畫:實現複雜動畫的API。
- Pointer事件:對鼠標觸摸和手寫筆事件的封裝
主頁:http://www.polymer-project.org
9、Zepto.js(Star: 12074,Fork: 3260)
Zepto.js 是支持移動WebKit瀏覽器的JavaScript框架,具有與jQuery兼容的語法。2-5k的庫,通過不錯的API處理絕大多數的基本工作。
主頁:http://zeptojs.com/
10、Riot.js(Star: 11491,Fork: 902)
Riot.js是一個客戶端模型-視圖-呈現(MVP)框架並且它非常輕量級甚至小於1kb.儘管他的大小令人難以置信,所有它能構建的有如下:一個模板引擎,路由,甚至是庫和一個嚴格的並具有組織的MVP模式。當模型數據變化時視圖也會自動更新。
主頁:http://riotjs.com
當然除了以上提到的這些,還有很多優秀的 Javascript 框架和庫,並且幾乎每隔一段時間就會涌現一個新的產品,如果還有其他好的 Javascript 框架和庫也歡迎到評論區留言,本文將不再贅述。
轉載地址:http://bigdata.evget.com/post/521.html