JavaScript可以通過多種方式來創建交互式的網站和Web應用程序。利用JavaScript，可以讓你移動HTML元素，創建各種各樣的自定義動畫，給你的訪問者更好的終端用戶體驗。

對於開發人員你來說，有無數的JavaScript框架可選擇，往往是很難選擇最適合您需要的。所以在這篇文章中，我收集了15個有用的和流行的JavaScript框架，旨在簡化前端應用程序開發。

1. SproutCore

SproutCore是一個框架，用於在Web瀏覽器中僅使用本機HTML5功能構建超快速，類似桌面的應用程序。使用SproutCore，您可以在Web中構建豐富的交互式應用程序，其代碼比目前大多數簡單網頁所需的代碼少。開始使用SproutCore的最簡單方法是在從Ruby gem安裝時使用SproutCore包中包含的構建工具。有關更多信息，請參閱SproutCore網站上的入門文檔。

2. Ember.js

Ember.js是一個JavaScript框架，用於通過消除樣板並提供標準應用程序架構來創建雄心勃勃的Web應用程序。
與其他一些現代JavaScript框架一樣，Ember.js的工作方式略有不同。Ember.js應用程序不是將大部分應用程序的邏輯存儲在服務器上，而是下載在初始頁面加載中運行所需的所有內容。這意味著，當您的用戶使用您的應用時，她永遠不必加載新頁面，您的UI會快速響應他們的互動

茉莉花

Jasmine是一個用於測試JavaScript代碼的行為驅動開發框架。它不依賴於任何其他JavaScript框架。它不需要DOM。它具有乾淨，明顯的語法，因此您可以輕鬆編寫測試。Jasmine不依賴於任何瀏覽器，框架，平台或宿主語言。它適用於JavaScript可以運行的任何地方，包括瀏覽器，服務器，電話等。

4.卡布奇諾

Cappuccino是一個框架，可以輕鬆創建高級Web應用程序。只需幾行代碼，您就可以構建一個完全撤消和重做的應用程序，真正令人驚嘆的表格視圖，拖放以及您在桌面上可能期望的每個現代UI外觀和行為。

5. JavaScriptMVC

JavaScriptMVC（JMVC）是一個MIT許可的客戶端JavaScript框架，可以盡快構建可維護，無錯誤，輕量級的應用程序。它包含了保證協同工作的最佳庫和工具。它支持jQuery支持的每個瀏覽器。

6. Qooxdoo

qooxdoo是一個通用的JavaScript框架，具有一組連貫的單個組件和強大的工具鏈。它是自由許可下的開源，並由世界領先的Web主機之一1和1支持。使用qooxdoo，您可以構建豐富的交互式應用程序，類似本機的應用程序，移動設備，輕量級的單頁面Web應用程序，甚至是在瀏覽器外部運行的應用程序。

7. Treesaver.js

Treesaver是一個JavaScript框架，用於創建雜誌式佈局，可動態適應各種瀏覽器和設備。有了這個框架，設計人員就可以在內容和設計中使用符合標準的HTML和CSS，而不需要JavaScript編程。

8. Spine.js

Spine是一個用於構建JavaScript Web應用程序的輕量級框架。Spine為您提供MVC結構，然後讓您不受限制，讓您專注於有趣的東西，構建出色的Web應用程序。
Spine對Web應用程序架構和設計的態度持謹慎態度。Spine的架構補充了解耦組件和CommonJS模塊等模式，顯著提高了代碼質量和可維護性。

9. Sammy.js

Sammy.js是一個微小的JavaScript框架，旨在緩解痛苦並為開發JavaScript應用程序提供基本結構。Sammy試圖通過提供一個小的“核心”框架和不斷增長的特定功能插件列表來實現這一目標。核心包括一個簡單的API，用於定義主要由路由和事件組成的應用程序。通過圍繞一個小而特定的API推動應用程序開發，Sammy嘗試保持您的代碼有條理，同時仍然允許很大的喘息空間來定義您自己的風格和結構。

10. QUnit

QUnit是一個功能強大，易於使用的JavaScript測試套件。它被jQuery項目用於測試其代碼和插件，但能夠測試任何通用的JavaScript代碼（甚至能夠在服務器端測試JavaScript代碼）。
它對回歸測試特別有用：每當報告錯誤時，編寫一個斷言該特定錯誤存在的測試。然後修復它並提交兩者。每次再次處理代碼時，請運行測試。如果錯誤再次出現 - 回歸 - 你會立即發現它並知道如何解決它，因為你知道你剛改變了什麼代碼。

11. Activejs

ActiveJS是一個JavaScript應用程序框架，提供基於本地和REST的數據建模和純DOM視圖構造，具有後退按鈕和歷史記錄支持。

12. AngularJS

AngularJS允許您編寫客戶端Web應用程序，就像您擁有更智能的瀏覽器一樣。它允許您使用優秀的舊HTML（或HAML，Jade和朋友！）作為模板語言，並允許您擴展HTML的語法，以清晰簡潔地表達您的應用程序的組件。它通過雙向數據綁定自動將UI（視圖）中的數據與JavaScript對象（模型）同步。

13. FeathersJs

Feathers是一個輕量級Web應用程序框架，它位於Express之上，Express是NodeJS最受歡迎的Web框架之一。它使用socket.io輕鬆創建RESTful Web服務和實時應用程序。
Feathers的核心焦點是您的數據。他們認為，最終您的應用程序的目的是以某種方式管理數據，這就是您應該真正需要處理的所有內容。管理您的數據。通過使用服務，Feathers可以輕鬆地運行REST和實時API。Service是一個JavaScript對象，它提供了一組特定的方法，可以像Express中間件一樣使用。

14.放大Js

Amplify是一組組件，旨在通過簡單的API解決常見的Web應用程序問題。它通過為各種數據源提供統一的API來簡化所有形式的數據處理。Amplify的商店組件使用localStorage和sessionStorage等標準處理持久的客戶端存儲，但是回退到舊版瀏覽器的非標準實現。

15. Opa框架

Opa Framework for JavaScript允許您使用相同的語言同時編寫前端和後端代碼。它與大量現有的JavaScript庫完全兼容，包括jQuery，它提供HTML5原生支持。Opa也可以處理您的數據庫查詢，但它目前僅支持NoSQL數據庫MongoDB和CouchDB。