JavaScript 框架和庫可以說是開源項目中最龐大也是最累的類目了，目前在github 上這一類的項目是最多的，并且?guī)缀趺扛粢欢螘r間就會出現(xiàn)一個新的項目席卷網(wǎng)絡社區(qū)，雖然這樣推動了創(chuàng)新的發(fā)展，但不得不說苦了前端的開發(fā)者們。因此本文羅列出了一些優(yōu)秀的 框架和庫的特點及其在 github 上的 star 數(shù)，旨在為各位開發(fā)者提供一些參考。如有遺漏，歡迎補充。

1、

React.js（React）是一個用來構建用戶界面的 JavaScript 庫，主要用于構建UI，很多人認為 React 是 MVC 中的 V（視圖）。React 起源于 Facebook 的內部項目，用來架設 Instagram 的網(wǎng)站，并于 2013 年 5 月開源。React 擁有較高的性能，代碼邏輯非常簡單，越來越多的人已開始關注和使用它。

React 特點：

• 1.聲明式設計 ?React采用聲明范式，可以輕松描述應用。

• 2.高效 ?React通過對DOM的模擬，最大限度地減少與DOM的交互。

• 3.靈活 ?React可以與已知的庫或框架很好地配合。

• 4.JSX ? JSX 是 JavaScript 語法的擴展。React 開發(fā)不一定使用 JSX ，但我們建議使用它。

•  5.組件 ? 通過 React 構建組件，使得代碼更加容易得到復用，能夠很好的應用在大項目的開發(fā)中。

• 6.單向響應的數(shù)據(jù)流 ? React 實現(xiàn)了單向響應的數(shù)據(jù)流，從而減少了重復代碼，這也是它為什么比傳統(tǒng)數(shù)據(jù)綁定更簡單。

主頁：

2、

Angular JS (Angular.JS) 是一組用來開發(fā) Web 頁面的框架、模板以及數(shù)據(jù)綁定和豐富 UI 組件。它支持整個開發(fā)進程，提供 Web 應用的架構，無需進行手工 DOM 操作。 AngularJS 很小，只有 60K，兼容主流瀏覽器，與 jQuery 配合良好。

主頁：

3、

Vue.js 是構建 Web 界面的 JavaScript 庫，提供數(shù)據(jù)驅動的組件，還有簡單靈活的 API，使得 MVVM 更簡單。

主要特性：

• 可擴展的數(shù)據(jù)綁定

• 將普通的 JS 對象作為 model

• 簡潔明了的 API

• 組件化 UI 構建

• 配合別的庫使用

主頁：

4、

Jquery 是輕量級的js庫(壓縮后只有21k) ，它兼容CSS3，還兼容各種瀏覽器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用戶能更方便地處理HTML documents、events、實現(xiàn)動畫效果，并且方便地為網(wǎng)站提供AJAX交互。jQuery還有一個比較大的優(yōu)勢是，它的文檔說明很全，而且各種 應用也說得很詳細，同時還有許多可供選擇。jQuery能夠使用戶的html頁保持代碼和html內容分離，也就是說，不用再在html里面插入一堆js來調用命令了，只需定義id即可。

主頁：

5、

Meteor 是一組新的技術用于構建高質量的 Web 應用，提供很多現(xiàn)成的包，可直接在瀏覽器或者云平臺中運行。

主頁：

6、

Angular 是一款十分流行且好用的 Web 前端框架，目前由 Google 維護。這個條目收錄的是 Angular 2 及其后面的版本。由于官方已將 Angular 2 和之前的版本  分開維護（兩者的 GitHub 地址和項目主頁皆不相同），所以就有了這個頁面。傳送門：

主頁：

7、

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

主頁：

8、

在2013年的Google I/O大會上，Google發(fā)布了Polymer，它是一個使用Web組件構建Web應用的類庫，同時也使用了為Web構建可重用組件的新的HTML 5標準。Polymer為大部分Web組件技術提供了polyfills功能，它能讓開發(fā)者在所有的瀏覽器支持新特性前創(chuàng)建自己的可重用組件。此外，Polymer提供了一系列的部件的例子，其中包括天氣、時鐘、股票行情和線型圖。 

Polymer中的polyfills為需要使用Web組件成功構建應用提供了多種Web技術，包括：

• HTML imports：種在其他HTML document中引入和重用HTML document的方法。
• 自定義元素：讓開發(fā)者定義和使用自定義DOM元素。
• Shadow DOM：在DOM中提供的封裝。
• 模型驅動視圖（Model Driven Views）：提供象AngularJS的數(shù)據(jù)綁定。
• Web動畫：實現(xiàn)復雜動畫的API。
• Pointer事件：對鼠標觸摸和手寫筆事件的封裝

主頁：

9、

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

主頁：

10、

Riot.js是一個客戶端模型-視圖-呈現(xiàn)(MVP)框架并且它非常輕量級甚至小于1kb.盡管他的大小令人難以置信，所有它能構建的有如下：一個模板引擎，路由，甚至是庫和一個嚴格的并具有組織的MVP模式。當模型數(shù)據(jù)變化時視圖也會自動更新。

主頁：

當然除了以上提到的這些，還有很多優(yōu)秀的 Javascript 框架和庫，并且?guī)缀趺扛粢欢螘r間就會涌現(xiàn)一個新的產(chǎn)品，如果還有其他好的 Javascript 框架和庫也歡迎到評論區(qū)留言，本文將不再贅述。

詳情請咨詢！

客服熱線：023-66090381