我們在 2022 年使用的 JavaScript 框架

在構建 JavaScript 應用程序時，您無需從頭開始編寫所有內容。相反，javaScript 框架提供了構建應用程序的基礎。

以下是我們在 2021 年和 2022 年使用的那些。

Node.js

https://nodejs.org/en/

JavaScript 起源於一種用於網頁的腳本語言——在網絡瀏覽器中執行。

Node.js 將 JavaScript 從瀏覽器中分離出來並允許它獨立運行。

從技術上講，它不是一個框架，但你需要知道它是什麼，因為一些框架會在它上面運行。

查看我們關於 Node.js 的文章 是為了讓 JavaScript 跟上速度。

Express.js

https://expressjs.com/

Express.js 是一個 Web 服務器框架，它將 Node.js 變成一個全功能的 Web 服務器，能夠將網頁傳送到瀏覽器或通過 API 提供數據。

這個角色通常由 Apache 和 PHP 作為 LAMP 堆棧（Linux、Apache、MySQL、PHP）的一部分來完成。使用 Express.js 讓您可以用 JavaScript 編寫所有內容，並且由於它的極簡主義 - 它快速 .

然後，您可以添加其他 JavaScript 庫以進行附加身份驗證、數據庫支持、文件上傳。 NPM 包存儲庫中有數千個 JavaScript 庫可以幫助您的開發。 Express 僅包含供您構建的核心 Web 服務器功能，允許進行高級別的自定義。

誰使用它？

Node.js/Express.js 被希望用 JavaScript 編寫後端和前端代碼的開發人員使用，以及那些專注於想要一個需要性能的極簡 Web 服務器的開發人員（Express 只做一件事 - 提供 Web 內容，其他一切都可以根據需要添加或省略以保持苗條）。

使用 Express.js 的組織包括：

• Netflix
• Trello
• 貝寶
• 優步

角度

https://angularjs.org/

角度 是一個前端 設計用於顯示用戶界面和交互性的框架。它包括用於開發響應用戶輸入、顯示警報、動畫屏幕元素、與電話硬件對話（例如從 GPS 讀取）的應用程序界面的所有移動部件。它還包括用於與 Express.js 等後端服務器通信以檢索和提交用戶數據的工具。

它非常有用。它也是一個超集 JavaScript 編程語言。它添加了新的有用函數和類，同時還允許您使用與新內容混合的純 JavaScript 語法。 角度 然後在您構建應用程序時將這些附加函數和類編譯為純 JavaScript，允許它們在 Web 瀏覽器中運行。

有一個學習曲線，但這是值得的——添加的功能對於構建跨平台應用程序來說非常強大。

誰使用它？

角度 由 Google 開發，深受跨平台和移動應用開發者的歡迎。

使用 Angular 的組織包括：

• 谷歌
• 微軟
• 努力

反應

https://reactjs.org/

我剛才所說的關於 Angular 的所有內容幾乎同樣適用於 React .

反應 具有不同的語法和略有不同的功能，但用於相同的目的。它越來越受歡迎，尤其是那些製作在線教程的人，所以如果你剛開始，它是一個很好的框架。

誰使用它？

反應 由 Facebook 開發，再次受到跨平台和移動應用程序開發人員的歡迎。

使用它的人包括：

• 臉書
• Twilio
• 愛彼迎
• Instagram

離子

https://ionicframework.com/

離子 提供完整的移動用戶界面——包括圖標、按鈕、菜單、彈出窗口等——基於 React 或角度 .

它還包括用於輕鬆構建和部署針對 Web 瀏覽器、Apple、Android 設備甚至台式計算機的應用程序的工具。

它是使用 JavaScript 從頭開始構建應用程序的一站式商店。 太棒了。

誰使用它？

離子 框架在想要快速原型化和構建想法的小型開發人員中很受歡迎。此外，所有內容都包含在內，因此構建按鈕和其他 UI 元素所花費的時間更少，留出更多時間來實際構建功能。

使用 Ionic 的公司 包括：

• 電子藝術
• NHS
• 通用電氣
• NBC

jQuery

https://jquery.com/

jQuery 是所有框架的鼻祖。它一直存在。

它也顯示了它的年齡。

它的開發並未考慮到移動應用程序。相反，它的開發目的是為 JavaScript 提供早期版本中嚴重缺乏的額外功能。

它仍然包含許多有用的工具，並且在為網站添加交互性方面很受歡迎。

有時你只需要敲釘子 （或向用戶顯示漂亮的彈出消息）——以及 jQuery 做那些簡單的事情就好了。

也就是說，如果您希望構建現代的跨平台應用程序，jQuery 不是 你在追求什麼。它更多的是為遺留網絡應用程序添加花里胡哨，而不是一個可靠且兼容的平台來構建新應用程序。

誰使用它？

jQuery 在網站開發人員中很受歡迎——尤其是在 WordPress 開發人員中很受歡迎。許多可以添加到網絡界面的小部件都是基於 jQuery 構建的 – 彈出窗口和滾動橫幅之類的東西。

該框架的一些用戶包括：

• 老派網頁設計師
• 擁有基本網頁並只想添加一些交互性的人
• 插件開發人員
• WordPress 開發人員

Vue.js

https://vuejs.org/

就 JavaScript 框架而言，Vue.js 處於一種中間立場。

使用 Angular /反應 /離子 ，您承諾將他們的框架和工具用於所有事情 - 您的整個應用程序必須使用他們的工具構建，因為它們需要編譯代碼並以某種方式組織資產。

這會導致難以將這些框架提供的功能添加到現有代碼庫中。

Vue.js 採用了不同的方法——你可以將它與現有的基於瀏覽器的應用程序集成，並逐步集成你現有的代碼。

它既是一個框架又是一個庫——你可以根據需要使用它。

我可能不會用它來構建一個全新的跨平台移動/網絡應用程序（Ionic 更好），但它對於構建僅在網絡瀏覽器中運行的軟件很有用。

流星

https://www.meteor.com/

流星 與 Ionic 的相似之處在於它提供了一個用於構建跨平台應用程序的完整工具包。

與 Ionic 一樣，您可以選擇使用 Angular 或 Ionic 作為用戶界面（它現在也支持 Vue.js！）。

流星 不過，它還包括其他東西——它還為您的後端提供框架——託管數據的 Web 服務。

這意味著您可以在 Meteor 中構建完整的應用程序 – 用戶身份驗證、數據存儲、界面和移動應用都集中在一處。

當然，這意味著提前為您做出了一些決定 - 一隻手套並不總是適合所有人 - 但如果確實如此，則意味著您可以快速啟動並運行您的應用程序原型。

誰使用它？

流星 在希望為自己或客戶快速構建應用程序的小型開發公司中很受歡迎。預構建的組件意味著不必費力地完成基本的東西——以可定制性為代價。

使用 Meteor 的組織 包括：

• 微看
• 望遠鏡
• Chaser 發票
• Favro