1. 程式人生 > >十大熱門的JavaScript框架和庫

十大熱門的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 實現了單向響應的資料流,從而減少了重複程式碼,這也是它為什麼比傳統資料繫結更簡單。

2、AngularJS(Star: 54769,Fork: 27292)

主頁:https://angularjs.org

Angular JS (Angular.JS) 是一組用來開發 Web 頁面的框架、模板以及資料繫結和豐富 UI 元件。它支援整個開發程序,提供 Web 應用的架構,無需進行手工 DOM 操作。 AngularJS 很小,只有 60K,相容主流瀏覽器,與 jQuery 配合良好。

3、Vue.js(Star: 43608, Fork: 5493)

https://cn.vuejs.org/

Vue.js 是構建 Web 介面的 JavaScript 庫,提供資料驅動的元件,還有簡單靈活的 API,使得 MVVM 更簡單。

主要特性:

●可擴充套件的資料繫結

●將普通的 JS 物件作為 model

●簡潔明瞭的 API

●元件化 UI 構建

●配合別的庫使用

4、jQuery(Star: 43432, Fork: 12117)

主頁:https://jquery.com/

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即可。

5、Meteor(Star: 36691,Fork: 4617)

主頁:http://www.meteor.com

Meteor 是一組新的技術用於構建高質量的 Web 應用,提供很多現成的包,可直接在瀏覽器或者雲平臺中執行。

6、Angular2(Star:20803,Fork:5367)

主頁:https://angular.io

Angular 是一款十分流行且好用的 Web 前端框架,目前由 Google 維護。這個條目收錄的是 Angular 2 及其後面的版本。由於官方已將 Angular 2 和之前的版本Angular.js分開維護(兩者的 GitHub 地址和專案主頁皆不相同),所以就有了這個頁面。

7、Ember.js(Star: 17540,Fork: 3646)

主頁:http://emberjs.com

Ember是一個雄心勃勃的Web應用程式,消除了樣板,並提供了一個標準的應用程式架構的JavaScript框架。

8、Polymer(Star:16979,Fork: 1699)

主頁:http://www.polymer-project.org

在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事件:對滑鼠觸控和手寫筆事件的封裝

9、Zepto.js(Star: 12074,Fork: 3260)

主頁:https://facebook.github.io/react

 

 

Zepto.js 是支援移動WebKit瀏覽器的JavaScript框架,具有與jQuery相容的語法。2-5k的庫,通過不錯的API處理絕大多數的基本工作。

10、Riot.js(Star: 11491,Fork: 902)

主頁:http://riotjs.com

Riot.js是一個客戶端模型-檢視-呈現(MVP)框架並且它非常輕量級甚至小於1kb.儘管他的大小令人難以置信,所有它能構建的有如下:一個模板引擎,路由,甚至是庫和一個嚴格的並具有組織的MVP模式。當模型資料變化時檢視也會自動更新。

當然除了以上提到的這些,還有很多優秀的 Javascript 框架和庫,並且幾乎每隔一段時間就會湧現一個新的產品。
本次給大家推薦一個交流圈,裡面概括移動應用網站開發,css,html,webpack,vue node angular以及面試資源等。
對web開發技術感興趣的同學,歡迎加入:582735936,不管你是小白還是大牛我都歡迎,還有大牛整理的一套高效率學習路線和教程與您免費分享,同時每天更新視訊資料。
最後,祝大家早日學有所成,拿到滿意offer,快速升職加薪,走上人生巔峰。