多年來竭沫，業(yè)界已經(jīng)發(fā)布了大量 JavaScript 框架，怎樣進(jìn)行選擇可能是一個(gè)挑戰(zhàn)骑篙。如果你感到困惑蜕提，不知道應(yīng)該選哪個(gè)或者究竟哪個(gè)適合你，那么我已經(jīng)幫你解決了問題靶端。在本文中谎势，web前端小編將列出用來構(gòu)建 Web 應(yīng)用程序的前10個(gè) JavaScript 框架。
10. Aurelia
Aurelia 是一個(gè)開源的現(xiàn)代 JavaScript 模塊工具箱杨名，其有助于 Web 和移動(dòng)應(yīng)用程序的發(fā)展脏榆。它也被稱為“下一代框架”。該框架自推出以來一直受到廣泛認(rèn)可台谍。 Fileee须喂、Freska、Ordami 和 BTEK Software 等公司以及800多個(gè)網(wǎng)站都使用了 Aurelia趁蕊。
不要忘記坞生，Aurelia 是唯一允許開發(fā)人員使用原生 TypeScript 或 JavaScript 構(gòu)建組件的框架。
下面我列出了 Aurelia 的一些主要功能：
多語言支持：Aurelia 的 API 經(jīng)過精心設(shè)計(jì)掷伙，可以用于當(dāng)今和未來最實(shí)用的 Web 編程語言是己。 Aurelia 支持 ES5、ES2015任柜、ES2016 和 Typescript卒废，它非常有用，并能夠?yàn)槟闾峁└叨鹊撵`活性宙地。
模塊框架：Aurelia 不是采用單一框架的方式摔认，而是由較小的、專注的模塊組成绸栅。把它們放在一起可以組成功能齊全的框架级野，也可以通過自定義構(gòu)建可選擇的方案。
整潔的文檔：Aurelia 提供了一個(gè)非常詳細(xì)并有用的文檔集，可以幫助所有的開發(fā)人員蓖柔。它以良好的文檔維護(hù)而聞名辰企。
可擴(kuò)展的 HTML：Aurelia 的可擴(kuò)展 HTML 編譯器允許你創(chuàng)建自定義 HTML 元素，可以向現(xiàn)有元素中添加自定義屬性并控制模板生成况鸣，所有這些都完全支持動(dòng)態(tài)加載牢贸、數(shù)據(jù)綁定和高性能批量渲染。
9. Polymer
Polymer 是一個(gè)由 Google 維護(hù)的開源 JavaScript 庫镐捧，用于使用 Web 組件構(gòu)建 Web 應(yīng)用潜索。目前，有超過3000個(gè)網(wǎng)站正在使用聚合物懂酱，比如virustotal.com竹习、rogers.com、zeplin.io等列牺。
與其他 JavaScript 框架不同整陌，Polymer 讓開發(fā)人員構(gòu)建組件時(shí)去利用 Web 中存在的功能。它是第一個(gè)利用 Web 組件來對應(yīng)用進(jìn)行交互式構(gòu)建的庫瞎领。
Polymer 的關(guān)鍵特性：
Web 組件：Polymer 構(gòu)建在 Web 組件的思想之上泌辫。 Web 組件是一組 w3c 標(biāo)準(zhǔn)，由幾種不同的 Web 技術(shù)組成九默，其中包括自定義元素震放。這些組件是瀏覽器的一部分，所以你不需要任何第三方工具和庫驼修，比如 jQuery殿遂。
單向和雙向數(shù)據(jù)綁定：它提供單向和雙向數(shù)據(jù)綁定。Polymer 旨在支持在單向和雙向流動(dòng)的數(shù)據(jù)邪锌。
本機(jī)瀏覽器：Polymer 使用本機(jī)瀏覽器技術(shù)勉躺，而不是依賴于自定義 JavaScript 庫癌瘾。Polymer 的 DOM 層最接近本機(jī) JavaScript 層觅丰。
自定義元素：它允許使用 HTML、CSS 和 JavaScript 輕松創(chuàng)建自定義元素妨退，以便向元素添加交互妇萄。 Polymer.js 提供了創(chuàng)建自定義 HTML 元素的最簡單方法，因?yàn)樗膸焓腔?Web 標(biāo)準(zhǔn) API 構(gòu)建的咬荷。
8. Meteor
Meteor 是一個(gè)用 NodeJS 編寫的免費(fèi)開源 JavaScript 框架冠句。它允許進(jìn)行快速原型設(shè)計(jì)并生成跨平臺代碼。它在市場上越來越受歡迎幸乒，超過 13,000 個(gè)網(wǎng)站使用了 Meteor懦底。像mtv.com、meteofrance.com等網(wǎng)站利用 Meteor 來構(gòu)建他們的用戶界面罕扎。
Meteor 的主要特性：
全棧：Meteor 為開發(fā)和部署 Web 應(yīng)用提供了全棧解決方案聚唐。 Meteor 捆綁了幾個(gè)內(nèi)置功能丐重，如反應(yīng)式模板、自動(dòng) CSS 等杆查。
智能包：為你的應(yīng)用開發(fā)登錄系統(tǒng)可能會很麻煩。但 Meteor 不會亲桦。 Meteor 軟件包可以輕松添加用戶帳戶，還有 React 之類的 JavaScript 庫等客峭。最好方便的是，添加這些類型的智能包很容易舔琅，只需在終端中敲幾下鍵盤就可以了。
實(shí)時(shí)網(wǎng)絡(luò)應(yīng)用：Meteor 是構(gòu)建實(shí)時(shí)程序的完美解決方案搏明。從數(shù)據(jù)庫到模板所有的層都會自動(dòng)更新。這意味著無需刷新頁面即可查看更新星著。對文檔的任何修改都會立即保存。這使得 Meteor 成為實(shí)時(shí)協(xié)作的完美解決方案同欠。
單一語言開發(fā)：Meteor 允許在前端和后端使用相同的代碼，可用于移動(dòng)和 Web 應(yīng)用铺遂。它可以杜絕安裝和配置不同的庫、模塊管理器襟锐、API、驅(qū)動(dòng)程序等膛锭。這大大的節(jié)省了開發(fā)人員的時(shí)間粮坞，因?yàn)樗麄儾恍枰诜?wù)器語言和 JavaScript 之間執(zhí)行上下文切換。
7. Ember
Ember是一個(gè)開源的 JavaScript Web 框架初狰，它允許開發(fā)人員通過將最佳實(shí)踐合并到框架中來構(gòu)建可伸縮的單頁面 Web 應(yīng)用莫杈。 Ember 被評為最佳的 JavaScript 客戶端框架，其主要競爭對手是 React 和 AngularJS奢入。目前超過 6000 個(gè)網(wǎng)站正在使用 ember筝闹。僅舉幾例：nasa.gov、tutorialspoint.com 等。
Ember 的一些主要特性：
Web開發(fā)的未來：在 Babel JavaScript 轉(zhuǎn)換器的幫助下关顷，Ember 允許開發(fā)人員使用未來的 JavaScript 標(biāo)準(zhǔn)并將其進(jìn)行轉(zhuǎn)換為目前瀏覽器支持的代碼肩杈。不知道 Babel 是什么？ Babel 是一個(gè) JavaScript 轉(zhuǎn)換器解寝，允許開發(fā)人員現(xiàn)在使用下一代 JavaScript 代碼扩然。另外 Babel 受益于眾多插件，并且與 Ember聋伦、Rails夫偶、Sails 和 Meteor 等框架兼容。
Ember cli：Ember 和 Ember-CLI 完全是兩個(gè)不同的東西觉增，但如果沒有另一個(gè)則兩者都不完整兵拢。 Ember-CLI 是一個(gè)命令行實(shí)用程序，它與 Ember 框架的軟件棧一起提供逾礁。 Ember-CLI 是一種強(qiáng)大的生產(chǎn)力工具说铃，支持CoffeeScript、Handlebars嘹履、LESS 和 Sass 等腻扇。
Ember 模板：Ember 的模板內(nèi)置于 Ember 的 UI 中，這些模板使用 Handlebars 模板語言編寫砾嫉。 Handlebars 以其使用雙花括號命名幼苛，它可以使開發(fā)人員寫更少的代碼。模板在 Ember 中提供了許多功能焕刮，例如組件舶沿、插口和表達(dá)式等配并。
CoC：它的唯一目的是速度和“把事情搞定”的理念，這對于那些總是努力超越競爭對手的初創(chuàng)公司來說是一個(gè)巨大的推動(dòng)力畸冲。Ember 有關(guān)于其結(jié)構(gòu)的最佳實(shí)踐召夹，這意味著開發(fā)人員可以更專注于實(shí)現(xiàn)業(yè)務(wù)恕沫，而不是通過繁瑣的代碼重新發(fā)明輪子婶溯。有更多的成果迄委，而不是藍(lán)圖叙身。
6. NodeJS
Node.js 是一個(gè)基于 Google Chrome 的 JavaScript 引擎構(gòu)建的開源服務(wù)器端平臺信轿。使用 NodeJS 的網(wǎng)站數(shù)量已超過 84,000 個(gè)财忽。它是下載量最大的用于執(zhí)行 JavaScript 代碼的跨平臺運(yùn)行時(shí)環(huán)境之一即彪。
Node.js 的主要特性：
非阻塞：Node.js 庫的所有API都是異步的漏益，即非阻塞的深胳。這意味著基于 Node.js 的服務(wù)器永遠(yuǎn)不會等待 API 返回?cái)?shù)據(jù)稠屠。服務(wù)器在調(diào)用它之后移動(dòng)到下一個(gè) API权埠，并且事件的通知機(jī)制幫助服務(wù)器從先前的 API 調(diào)用獲得響應(yīng)攘蔽。
單線程：Node.js 使用帶有事件循環(huán)的單線程模型剃诅。事件機(jī)制可幫助服務(wù)器以非阻塞方式響應(yīng)钩杰，從而使服務(wù)器具有高度可伸縮性猛频，而傳統(tǒng)服務(wù)器則創(chuàng)建有限的線程來處理請求辕万。與 Apache HTTP Server 等傳統(tǒng)服務(wù)器相比，Node.js 使用的單線程程序可以為更多的請求提供服務(wù)矾瑰。
快速：NodeJS 建立在Google Chrome 的 V8 引擎之上殴穴。 Google 的 V8 引擎確保 Node.js 庫以極快的速度執(zhí)行其代碼推正。
數(shù)據(jù)流：NodeJS 程序從不緩沖任何數(shù)據(jù)植榕，它們只是以數(shù)據(jù)塊的形式輸出數(shù)據(jù)尊残。這樣 NodeJS 可以提供更快的服務(wù)寝衫。
5. BackboneJS
BackboneJS 是一個(gè)輕量級 JavaScript 庫慰毅，用來開發(fā)和構(gòu)建在 Web 瀏覽器中運(yùn)行的客戶端應(yīng)用汹胃。與其他框架不同着饥，Backbone 讓開發(fā)人員負(fù)責(zé)選擇最適合當(dāng)前項(xiàng)目的工具惰赋。目前赁濒，超過50萬個(gè)網(wǎng)站正在使用 Backbone拒炎，其中包括tumblr.com枝冀、espn.com果漾、soundcloud.com等等。
Backbone 的主要特性：
分離的業(yè)務(wù)和UI邏輯：Backbone 可以幫助你把自己的業(yè)務(wù)邏輯與用戶界面分開吨凑，這是非常重要的一點(diǎn)鸵钝。當(dāng)兩者糾纏在一起時(shí)恩商，修改將會變得很難怠堪。當(dāng)邏輯不依賴于 UI 時(shí)粟矿，你的界面會變得更加易用陌粹。
事件驅(qū)動(dòng)的通信：當(dāng)項(xiàng)目不斷增長時(shí)掏秩，jQuery 聲明和回調(diào)將變得更加復(fù)雜哗讥，代碼變得更加混亂杆煞。 Backbone.js 通過在視圖和模型之間提供事件驅(qū)動(dòng)的通信來克服這個(gè)問題决乎。
更少的代碼：約定是引入通用編碼風(fēng)格的好方法构诚，而無需提供大量的編碼標(biāo)準(zhǔn)范嘱。你遵守的 backbone 約定越多，編寫代碼的次數(shù)就越少叠聋，反過來代碼也會變得更加標(biāo)準(zhǔn)化碌补，并具有可讀性厦章。
與后端同步：由于其對 RESTful API 的出色支持照藻，BackboneJS 中的模型可以輕松地與后端綁定群发。如果 API 設(shè)計(jì)正確也物，則 backbone 可以直接通過訪問這些操作來進(jìn)行讀取列疗、寫入和刪除操作抵栈。
4. jQuery
Jquery 是最古老的 JS 框架之一古劲。這個(gè)框架已經(jīng)存在了 13 年之久，而且它仍然很強(qiáng)大疤剑。那么什么是 jQuery隘膘？
jQuery 是一個(gè)快速而簡潔的 JavaScript 庫弯菊，由 John Resig 在2006年創(chuàng)建管钳，它有一個(gè)很好宗旨：寫得少才漆，做得多。它是一個(gè)跨瀏覽器的 JavaScript 庫躏仇，旨在簡化 HTML 的客戶端腳本。目前有超過 1900 萬個(gè)網(wǎng)站正在使用jQuery怀喉！WordPress躬拢、Facebook聊闯、Google菱蔬、IBM 和其他許多公司都依賴 jQuery 提供獨(dú)一無二的網(wǎng)絡(luò)瀏覽體驗(yàn)史侣。
jQuery的主要特性：
DOM操作：它使對 DOM 的操作變得非常容易惊橱，使開發(fā)人員可以通過易于學(xué)習(xí)的API（基于頂層 JavaScript）充分利用他們的創(chuàng)造力來創(chuàng)建令人驚嘆的東西。
大型社區(qū)：其貢獻(xiàn)者的社區(qū)比任何其他 JavaScript 庫更加龐大和多樣化回季。它有廣泛而全面的文檔支持泡一，不要忘記瘾杭，它會不斷得到維護(hù)粥烁，并且會越來越強(qiáng)大讨阻。
AJAX支持：簡而言之钝吮，AJAX（異步 JavaScript 和 XML）是關(guān)于在后臺加載數(shù)據(jù)并將其顯示在網(wǎng)頁上奇瘦，而無需重新加載整個(gè)頁面的技術(shù)耳标。 jQuery 為 AJAX 功能提供了好幾種方法次坡。通過 jQuery AJAX砸琅，你可以用 HTTP Get 和 HTTP Post 從遠(yuǎn)程服務(wù)器請求文本谚赎、HTML沸版、XML或JSON视粮。
跨瀏覽器支持：jQuery 具有跨瀏覽器支持特性蕾殴，適用于 IE 6.0 +钓觉，F(xiàn)F 2.0 +荡灾，Safari 3.0 +，Chrome 和 Opera 9.0+等批幌。
3. Vue
Vue是一個(gè)用于構(gòu)建 UI 的開源 JavaScript 框架础锐。由于它的設(shè)計(jì)具有適應(yīng)性，Vue 簡化了與其他 JavaScript 庫的項(xiàng)目集成荧缘。目前超過 36,000 個(gè)網(wǎng)站正在使用 Vue皆警。像 stackoverflow、playstation 等公司依賴 Vue 開發(fā)他們的網(wǎng)站界面截粗。
VueJS的主要特性：
模板：Vue.js 提供基于 HTML 的模板信姓，將 DOM 與 Vue.js 實(shí)例數(shù)據(jù)綁定。 Vue.js 將模板編譯為虛擬 DOM 渲染函數(shù)绸罗。 Web 開發(fā)人員可以使用渲染函數(shù)的模板意推，并可以使用渲染函數(shù)替換模板系洛。
體積小：JavaScript 框架的成功取決于它的大小趟薄。個(gè)頭越小用的人越多。 Vue.js 最大的優(yōu)勢之一是體積小。該框架的大小為 18-21 KB扑媚。
適應(yīng)性：Vue 允許用戶用虛擬節(jié)點(diǎn)把模版寫在 HTML 文件旬痹、JavaScript 文件和純 JavaScript 文件中磕昼。這種靈活性還容易讓使用 React.js，Angular.js 和任何其他新 JavaScript 框架的開發(fā)人員理解。它基于 JavaScript 框架，可以集成到基于 JavaScript 構(gòu)建的其他程序中狭瞎。
詳細(xì)的文檔：開發(fā)人員總是喜歡使用帶有詳細(xì)文檔的框架，因?yàn)樗麄兛偸呛苋菀拙帉懽约旱牡谝粋€(gè)應(yīng)用程序。Vue.js 的文檔非常全面，任何對 JavaScript 和 HTML 有所了解的用戶都可以用它開發(fā)自己的應(yīng)用或網(wǎng)頁。
2. ReactJS
React 是 Facebook 維護(hù)的另一個(gè) JavaScript 庫，用于構(gòu)建交互式和復(fù)雜的 UI。它是最熱門的框架之一滑频，有超過 3 萬個(gè)網(wǎng)站使用 React 實(shí)現(xiàn) UI。舉幾個(gè)網(wǎng)站：Microsoft.com、yahoo.com 等。
ReactJS 的主要特性：
Virtual DOM：在React中谴供，對于每個(gè) DOM 對象，都有一個(gè)對應(yīng)的“虛擬 DOM 對象”干厚。虛擬 DOM 對象創(chuàng)建原始 DOM 的虛擬副本。這是一種單向數(shù)據(jù)綁定，由于修改時(shí)不需要實(shí)時(shí)向屏幕渲染斥季，因此操作虛擬 DOM 比更新原始 DOM 快很多。
JSX：React 使用了 JSX墅垮，這是一個(gè)使用 HTML 引用的簡單 JavaScript峡钓，而不是用于模板的 JavaScript。你也可以使用 HTML 語法來渲染子組件坝辫，或使用老式的 JavaScript 編寫，這意味著無論采用哪種方式更振，你都可以靈活地進(jìn)行編碼。
單向數(shù)據(jù)流：React.js 的設(shè)計(jì)方式使其只支持在一個(gè)流程中向下游傳遞的數(shù)據(jù)。如果數(shù)據(jù)必須向另一個(gè)方向流動(dòng)其做，則需要其他功能支持审残。
組件：在React中既穆，所有內(nèi)容都被視為組件踢代，因此你可以輕松導(dǎo)入 React 支持的組件胳挎，而不是編碼或構(gòu)建整個(gè)功能，你可以方便的導(dǎo)入并使用它。
1. AngularJS
Angular 是最強(qiáng)大铛铁、最高效掷豺、最開源的 JavaScript 框架之一。在這個(gè)列表中不可能不提及 Angular。該框架由Google 運(yùn)營，用于開發(fā)單頁應(yīng)用（SPA）。這個(gè)開發(fā)框架之所以出名立润，主要是因?yàn)樗鼮殚_發(fā)人員提供了將JavaScript 與 HTML 和 CSS 結(jié)合起來的最佳條件狂窑。有超過五十萬個(gè)網(wǎng)站如 google.com、youtube.com 等正在使用 Angular桑腮。
Angular 的主要特性：
MVC 架構(gòu)：AngularJS 最重要的特性之一是 MVC 架構(gòu)泉哈。 MVC 架構(gòu)分為三個(gè)元素，即模型破讨、視圖和控制器丛晦。
Model：它是 MVC 架構(gòu)的最低層級，用來存儲數(shù)據(jù)提陶。
View：負(fù)責(zé)向用戶展示你的所有數(shù)據(jù)烫沙。
控制器：它基本上是用來控制模型與視圖之間整個(gè)交互的代碼。
雙向綁定：這是一個(gè)令人驚嘆的功能隙笆，它將 AngularJS 與其他 JavaScript 框架區(qū)分開來锌蓄。 Angular Data-Binding 在模型和視圖之間建立鏈接。在雙向數(shù)據(jù)綁定過程中撑柔，視圖會顯示在模型中所做的更改煤率，反過來模型反映了在視圖中所做的更改。
單頁應(yīng)用：使用 AngularJS 框架乏冀，你可以構(gòu)建完全響應(yīng)式的單頁應(yīng)用，可以輕松完美地適應(yīng)不同的屏幕尺寸洋只。與其他網(wǎng)絡(luò)應(yīng)用相比辆沦，它還能改善用戶體驗(yàn)昼捍。由于基于 AngularJS 的單頁應(yīng)用是在客戶端渲染的，因此它們通過減少 Web 服務(wù)器上壓力來減少網(wǎng)絡(luò)流量肢扯。
HTML UI：AngularJS 的另一個(gè)重要特性是它使用 HTML 語言來構(gòu)建用戶界面妒茬。 HTML 語言是一種常見的聲明性語言，標(biāo)簽很短蔚晨，易于理解乍钻。這導(dǎo)致了更簡單、更有條理的UI铭腕。 JavaScript 接口通常更難以開發(fā)和組織银择。如果你正在尋找一種快速，簡單且易于使用的解決方案累舷，那么應(yīng)該就是它了浩考。
你常用的JavaScript 框架是哪個(gè)呢？
