前端必備!十大熱門的 JavaScript 框架和庫

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處理絕大多數的基本工作。

Zepto.js

主頁: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

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