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

根據Stack Overflow 2018開發者調查報告，JavaScript是使用最廣泛的編程語言之一。感謝它不斷髮展的框架生態系統，為複雜和具有挑戰性的問題找到最佳解決方案。

多年來，業界已經發布了大量 JavaScript 框架，怎樣進行選擇可能是一個挑戰。如果你感到困惑，不知道應該選哪個，那麼這篇文章你應該讀一讀。

01 React

React 是今年最受喜愛的 JavaScript 的工程！每個人似乎都在談論 ReactJS。每一個會議上，去年出席的會議，至少有兩個人是在討論 React。React 是開源的，主要是由 facebook 藉助其它公司的主要技術開發出來的。React 描述自己是一個 JavaScript 庫，用於構建用戶界面。

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

02 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會刪除它們以產生乾淨的語義輸出。它通過官方維護的支持庫和包為複雜應用程序提供高級功能，如路由，狀態管理和構建工具。

03 Angular

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

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

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

04 Node.js

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

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

05 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應用程序。我們正在獲得一個“真正的原生應用”。

06 Three.JS

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

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

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

07 Ionic Framework

Ionic Framework 由Drifty Co.創建，最初於2013年發佈。它是一個開源的前端SDK，用於使用熟悉的Web技術（如HTML5，CSS和JavaScript）開發混合移動應用程序。藉助Ionic，您將能夠構建和部署跨多個平臺的應用程序，例如原生iOS，Android，桌面和Web作為漸進式Web應用程序。

Ionic主要關注應用程序的外觀或UI交互。這告訴我們，它並不意味著取代Cordova或您最喜歡的JavaScript框架。事實上，它仍然需要像Cordova這樣的原生包裝器來將您的應用程序作為移動應用程序運行。它使用這些包裝器來訪問主機操作系統功能，如相機，GPS，手電筒等，它由Cordova/PhoneGap等工具包裝。

08 jQuery

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

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

09 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，他是 Ruby on Rails 和 jQuery 的核心團隊之一。Ember 描述自己為一個不浪費你的時間，能用於創建偉大 Web 應用程序的框架。 這是非常有主見，這也使你有了很多選擇。

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