最受歡迎的十個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)

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

3、Vue.js（Star: 43608, Fork: 5493）

Vue.js 是建立Web 介面的Javascript 函式庫，提供資料驅動的元件，還有簡單彈性的API，讓MVVM 更簡單。

主要特性：

　　●可擴展的資料綁定

　　●將普通的JS 物件作為model

　　●簡潔明了的API

　　●元件化UI 建置

　　●配合別的函式庫使用

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

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

Meteor 是一組新的技術用於建立高品質的Web 應用，提供很多現成的包，可直接在瀏覽器或雲端平台運作。

6、Angular2（Star:20803，Fork:5367）

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

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

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

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

在2013年的Google I/O大會上，Google發布了Polymer，它是使用Web元件建構Web應用的類別庫，同時也使用了為Web建置可重複使用元件的新的HTML 5標準。 Polymer為大部分的網頁元件技術提供了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）

#Zepto.js 是支援行動WebKit瀏覽器的Javascript框架，具有與jQuery相容的語法。 2-5k的函式庫，透過不錯的API處理絕大多數的基本工作。

10、Riot.js（Star: 11491，Fork: 902）

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

當然除了以上提到的這些，還有很多優秀的 Javascript 框架和函式庫，幾乎每隔一段時間就會湧現一個新的產品。

以上是最受歡迎的十個JavaScript框架和函式庫的詳細內容。更多資訊請關注PHP中文網其他相關文章！