值得認真學習的6 個 JavaScript 框架

JavaScript

 

JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱爲JavaScript引擎，爲瀏覽器的一部分，普遍用於客戶端的腳本語言，最先是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增長動態功能。

若是在已經在使用 JavaScript （以及 JQuery） 來支持 HTML，那麼你確定知道開發和維護一個大型應用須要付出多大的努力以及編寫多麼複雜的代碼，而 JavaScript 框架能夠幫助你快速的構建交互式 Web 應用 （包含單頁面應用或者多頁面應用）。

今天將爲你們推薦 6 個值得好好學習的 JavaScript 框架。讓咱們開始吧。

 

 

 

1

AngularJS

 

不管你是什麼時候據說的 JavaScript，極可能你早就聽過 AngularJS，由於這是在 JavaScript 社區中最爲普遍使用的框架了。它發佈於 2009 年，由 Google 開發 （這夠有說服力讓你使用了吧） ，它是一個開源項目，這意味着你能夠閱讀、編輯和修改其源代碼以便更加符合自身的需求，而且不用向其開發者支付一分錢 （這不是很酷嗎？）。·

若是說你以爲經過純粹的 JavaScript 代碼編寫一個複雜的 Web 應用比較困難的話，那麼你確定會興奮的跳起來，由於它將顯著地減輕你的編碼負擔。它符合支持雙向數據綁定的 MVC （模型-視圖-控制Model–view–controller） 設計典範。假如你不熟悉 MVC，你只須要知道它表明着不管什麼時候探測到某些變化，它將自動更新前端 （好比，用戶界面端） 和後端 （代碼或者服務器端） 數據。

MVC 能夠大大減小構建複雜應用程序所需的時間和精力，因此你只須要集中精力於一處便可 （DOM 編程接口會自動同步更新視圖和模型）。因爲 視圖組件 與 模型組件 是分離的，你能夠很容易的建立一個可複用的組件，使得用戶界面的效果很是好看。

若是由於某些緣由，你已經使用了 TypeScript （一種與 JavaScript 很是類似的語言），那麼你能夠很容易就上手 AngularJS，由於這二者的語法高度類似。與 TypeScript 類似這一特色在必定程度上提高了 AngularJS 的受歡迎程度。

目前，Angular 2.0 已經發布，而且提高了移動端的性能，這也足以向一個新的開發者證實，該框架的開發活躍度夠高而且按期更新。

AngularJS 有着大量的用戶，包括 （但不限於） Udemy、Forbes、GoDaddy、Ford、NBA 和 Oscars。

對於那些想要一個高效的 MVC 框架，用來開發面面俱到、包含健壯且現代化的基礎架構的單頁應用的用戶來講，我極力的推薦這個框架。這是爲無經驗 JavaScript 開發者設計的首選框架。

 

 

2

React

 

與 AngularJS 類似，React 也是一個 MVC （模型-視圖-控制Model–view–controller） 類型的框架，但不一樣的是，它徹底針對於 視圖組件 （由於它是爲 UI 特別定製的） ，而且可與任何架構進行無縫銜接。這意味着你能夠立刻將它運用到你的網站中去。 ·

它從核心功能中抽象出 DOM 編程接口 （而且所以使用了虛擬 DOM），因此你能夠快速渲染 UI，這使得你可以經過 node.js 將它做爲一個客戶端框架來使用。它是由 Facebook 開發的開源項目，還有其它的開發者爲它貢獻了代碼。

假如說你見到過並喜歡 Facebook 和 Instagram 的界面，那麼你將會愛上 React。經過 React，你能夠給你的應用的每一個狀態設計一個簡單的視圖，當數據改變的時候，視圖也自動隨之改變。只要你想的話，能夠建立各類的複雜 UI，也能夠在任何應用中複用它。在服務器端，React 一樣支持經過 node.js 來進行渲染。對於其餘的接口，React 也同樣表現得足夠靈活。

除 Facebook 和 Instagram 外，還有好多公司也在使用 React，包括 Whatsapp、BBC、PayPal、Netflix 和 Dropbox 等。

若是你只須要一個前端開發框架來構建一個很是複雜且界面極好的強大視圖層，那我極力向你推薦這個框架，但你須要有足夠的經驗來處理各類類型的 JavaScript 代碼，並且你不再須要其餘的組件了 （由於你能夠本身集成它們）。

 

 

3

Ember

 

這個 JavaScript 框架在 2011 年正式發佈，是由 Yehuda Katz 開發的開源項目。它有一個龐大且活躍的在線社區，因此在有任何問題時，你均可以在社區中提問。該框架吸取融合了很是多的通用的 JavaScript 風格和經驗，以便確保開發者能最快地作到開箱即用。 ·

它使用了 MVVM （模型-視圖-視圖模型Model–view–viewmodel） 的設計模式，這使得它與 MVC 有些不同，由於它由一個 鏈接器 （binder） 幫助視圖和數據鏈接器進行通訊。

對於 DOM 編程接口的快速服務端渲染，它藉助了 Fastboot.js，這可以讓那些複雜 UI 的性能獲得極大提升。

它的現代化路由模式和模型引擎還支持 RESTful API，這確保你可使用到這種最新的技術。它支持句柄集成模板Handlebars integrated template，用來自動更新數據。

早在 2015 年間，它的風頭曾一度蓋過 AngularJS 和 React，被稱爲最好的 JavaScript 框架，對於它在 JavaScript 社區中的可用性和吸引力，這樣的說服力該是足夠了的。

對於不追求高靈活性和大型架構的用戶，而且僅僅只是爲了趕赴工期、完成任務的話，我我的很是推薦這個 JavaScript 框架。

 

 

4

Adonis

 

若是你曾使用過 Laravel 和 NodeJS，那麼你在使用這一個框架之時會以爲至關順手，由於它是集合了這兩個平臺的優勢而造成的一個框架，對於任何種類的現代應用來講，它都顯得很是專業、圓潤和精緻。 ·

它使用了 NodeJS，因此是一個很好的後端框架，同時還附帶有一些前端特性 （與前面提到那些更多地注重前端的框架不一樣），因此想要進入後端開發的新手開發者會發覺這個框架至關迷人。

相比於 NoSQL，不少的開發者都比較喜歡使用 SQL 數據庫 （由於他們須要加強和數據以及其它特性的交互性），這一現象在這個框架中獲得了很好的體現，這使得它更接近標準，開發者也更容易使用。

若是你混跡於各種 PHP 社區，那你必定很熟悉 服務提供者Service Providers，也因爲 Adonis 其中包含相應的 PHP 風格，因此在使用它的時候，你會以爲似曾相識。

在它全部的特性中，最好的即是那個極爲強大的路由引擎，支持使用函數來組織和管理應用的全部狀態、支持錯誤處理機制、支持經過 SQL ORM 來進行數據庫查詢、支持生成器、支持箭頭函數arrow functions、支持代理等等。

若是喜歡使用無狀態 REST API 來構建服務器端應用，我比較推薦它，你會愛上這個框架的。

 

 

5

Vue.js

 

這是一個開源的 JavaScript 框架，發佈於 2014 年，它有個極爲簡單的 API，用來爲現代 Web 界面Modern Web Interface開發交互式組件Reactive components。其設計着重於簡單易用。與 Ember 類似，它使用的是 MVVM （模型-視圖-視圖模型Model–view–viewmodel） 設計範例，這樣簡化了設計。 ·

這個框架最有吸引力的一點是，你能夠根據自身需求來選擇使用的模塊。好比，你須要編寫簡單的 HTML 代碼，抓取 JSON，而後建立一個 Vue 實例來完成能夠複用的小特效。

與以前的那些 JavaScript 框架類似，它使用雙路數據綁定來更新模型和視圖，同時也使用鏈接器來完成視圖和數據鏈接器的通訊。這是一個還未徹底成熟的框架，由於它所有的關注點都在視圖層，因此你須要本身處理其它組件。

若是你熟悉 AngularJS，那你會感受很順手，由於它大量嵌入了 AngularJS 的架構，若是你懂得 JavaScript 的基礎用法，那你的許多項目均可以輕易地遷移到該框架之下。

假如你只想把任務完成，或者想提高你自身的 JavaScript 編程經驗，又或者你須要學習不一樣的 JavAScript 框架的本質，我極力推薦這個。

 

 

6

Backbone.js

 

這個框架能夠很容易的集成到任何第三方的模板引擎中，默認使用的是 Underscore 模板引擎，並且該框架僅有一個依賴項 （ JQuery ），所以它以輕量而聞名。它支持帶有 RESTful JSON 接口的 MVC （模型-視圖-控制Model–view–controller） （能夠自動更新前端和後端） 設計範例。 ·

假如你曾經使用過著名的社交新聞網絡服務 reddit，那麼你確定據說過它在幾個單頁面應用中使用了Backbone.js。Backbone.js 的原做者爲之創建了與 CoffeScript 旗鼓至關的 Underscore 模板引擎，因此你能夠放心，開發者知道該作什麼。

該框架在一個軟件包中提供了鍵值對key-value 模型、視圖以及幾個打包的模塊，因此你不須要額外下載其餘的外部包，這樣能夠節省很多時間。框架的源碼能夠在 GitHub 進行查看，你能夠根據需求進行深度定製。

若是你在尋找一個入門級框架來快速構建一個單頁面應用，那麼這個框架很是適合你。

 

 

建議你們想要學習的話就挑一個學的特別精煉。最好就是從列表中挑選一個來使用，看看最後是否知足你的需求和興趣，若是仍是不行，接着試試另外一個。