開發人員應該學習的10個JavaScript框架

根據Stack Overflow 2018開發者調查報告，JavaScript是目前使用最廣泛的編程語言之一。感謝它不斷發展的框架生態系統，為復雜和具有挑戰性的問題找到解決方案。多年來，業界已經發布了大量JavaScript框架，怎樣進行選擇可能是一個挑戰。

1. React

React是2019年最受喜愛的JavaScript的工程。每個人似乎都在談論ReactJS，2018年出席的每個會議上，至少有2個人是在討論React。React是開源的，主要是由Facebook借助其他公司的主要技術開發出來的。React描述自己是一個JavaScript庫，用于構建用戶界面。

React在MVC中，主要是View。它完全專注于MVC那部分，無視應用程序的其它部分。它提供了一個成分層，可以更容易使用UI元素，并將它們組合在一起。它抽象了DOM，使其擅長于優化渲染，并允許使用node.js來表述React；它實現了一個單向靈活的數據流，使得它更容易理解和使用其他框架。

2. Vue

Vue是Evan You在Google工作后使用AngularJS為多個項目中創建的。它在2018年首次發布，Evan分享了他創建Vue的動機，他說：“我想，如果我能提取出我真正喜歡Angular的那部分，然后構建一些真正輕量級的東西會怎么樣呢？”Vue繼續在JavaScript開發人員中得到廣泛采用，這種趨勢應該還會繼續下去。根據npm調查，一些開發人員更喜歡Vue而不是React，因為他們覺得“在保持可擴展性的同時更容易上手”。

Vue是一個允許開發人員構建交互式Web界面的庫。它提供類似于React的數據反應組件，具有簡單靈活的API。與React或Angular不同，Vue的一個好處是它產生干凈的HTML輸出。其他JavaScript庫往往會在代碼中留下散布著額外屬性和類的HTML，而Vue會刪除它們以產生干凈的語義輸出。它通過官方維護的支持庫和包為復雜應用程序提供高級功能，如路由，狀態管理和構建工具。

3. Angular

Angular是最強大、最高效和最開源的JavaScript框架之一。該框架由Google運營，用于開發單頁應用（SPA）。這個開發框架之所以出名，主要是因為它為開發人員提供了將JavaScript與HTML和CSS結合起來的最佳條件。有超過50萬個網站如Google.com，Youtube.com等正在使用Angular。

AngularJS是一個MVC類型的框架，它提供了雙向的數據模型和視圖之間的綁定。這種數據綁定，允許在雙方只要有一個數據變化時，自動進行更新，它可以構建可重用的View組件。同時，它也提供了一個服務框架，以便前后端服務的輕松通信。

什么時候使用AngularJS？當你正在建立一個復雜的Web前端應用程序，并且需要一個模塊化的框架來處理一切時。

4. Node.js

Node.js是一個基于GoogleChrome的JavaScript引擎構建的開源服務器端平臺。使用NodeJS的網站數量已超過84 000個。它是下載量最大的用于執行JavaScript代碼的跨平臺運行環境。

Node.js遵循“JavaScript無處不在”的范例，通過圍繞單一編程語言統一Web應用程序開發，而不是服務器端和客戶端腳本的不同語言。在JSConf2018中，Dahl描述了他的服務器端JavaScript運行時引擎的一些限制。其架構的許多部分都受到限制，包括安全性以及如何管理模塊。作為解決方案，他引入了一個名為Deno的新軟件項目，這是一個V8 JavaScript引擎上的安全TypeScript運行，旨在糾正Node.js中的一些設計缺陷。

5. React Native

React Native的故事始于2013年夏天，當時是Facebook的內部黑客馬拉松項目，后來在2015年開源。React Native是一個JavaScript框架，用于構建原生移動應用程序。正如您可能已經從名稱中猜到的，React Native是基于React的。之所以稱之為“原生”，是因為使用React Native構建的UI由原生UI小部件組成，這些小部件看上去和感覺上都與使用原生語言構建的應用程序一致。

本質上，React Native將用Javascript/JSX編寫的UI定義轉換成適合目標平臺的原生視圖層次結構。例如，如果正在構建一個iOS應用程序，會將文本原語轉換為原生iOS UIView，在Android中，它會生成原生TextView。因此，即使我們正在編寫JavaScript應用程序，也不會在移動設備的shell中嵌入Web應用程序。因為我們正在獲得一個“真正的原生應用”。

6. Three.JS

Three.JS是3D計算機圖形學框架之一。

Three.JS利用WebGL引擎，在Web瀏覽器中創建漂亮的3D計算機圖形。它擁有很多十分受歡迎的功能，其中包括特效和場景、相機、蒙皮網格和變形混合網格動畫以及燈光等。

其龐大的社區集合了大量程序員和用戶，非常的活躍，因此這個項目將會穩步發展。

7. Ionic Framework

Ionic Framework由DriftyCo.創建，最初于2013年發布。它是一個開源的前端SDK，用于使用熟悉的Web技術開發混合移動應用程序。借助Ionic，能夠構建和部署跨多個平臺的應用程序，例如原生iOS、Android、桌面和Web作為漸進式Web應用程序。

Ionic主要關注應用程序的外觀或UI交互。這并不意味著取代Cordova或JavaScript框架。它仍然需要像Cordova這樣的原生包裝器來將應用程序作為移動應用程序運行。它使用這些包裝器來訪問主機操作系統功能，如相機、GPS和手電筒等，它由Cordova/Phone Gap等工具包裝。

8.jQuery

jQuery是最古老的JS框架之一。這個框架已經存在13年之久，而且它仍然很強大。那么什么是jQuery？

jQuery是一個快速而簡潔的JavaScript庫，由John Resig在2006年創建，它有一個很好的宗旨：寫得少，做得多。它是一個跨瀏覽器的JavaScript庫，旨在簡化HTML的客戶端腳本。目前有超過1 900萬個網站正在使用jQuery。WordPress，Face book，Google，IBM和其他許多公司都依賴jQuery提供獨一無二的網絡瀏覽體驗。

9.Backbone.js

Backbone是一個很著名的簡單的框架，融入了一個單一的JavaScript文件。Backbone已經流行了一段時間。由Jeremy Ashkenas從CoffeeScript和Underscore框架中開發出來的。對于追尋小型架構的團隊來說，Backbone是特別受歡迎的。因為他們小型的Web應用是不需要使用像AngularJS和Ember這樣的大型框架的。

Backbone提供了一個完整的MVC框架和路由。該模型允許鍵-值綁定和處理數據變化的事件。Models（和Collections）可以連接到RESTful API中。Views可以聲明事件處理，而路由器則可以非常出色地處理URL和狀態管理。在建立一個不提供太多功能和非必要復雜功能的單頁面應用時，能提供你需要的所有功能。

10. Ember

Ember是一個獨立的Web應用程序框架，專注于編碼效率。Ember是比較受歡迎的，核心團隊包括牛人Yehuda Katz，他是Rubyon Rails和jQuery的核心團隊之一。Ember描述自己為一個不浪費你的時間，能用于創建偉大Web應用程序的框架。這是非常有主見，這也使你有了更多選擇。

Ember也是一個MVC框架。它包括一個模板和視圖引擎，保證了數據變化時的自動更新，就像AngularJS，Backbone和React一樣。它包括的概念Web組件，讓你用自己的標簽來擴展HTML（就像AngularJS）。它也有一個路由和模型引擎，能夠和RESTful API協同工作。