2021 年最佳 JavaScript 框架（前端篇）

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"據 Stackoverflow 的 2021 年開發者調查，JavaScript 已連續第八年成爲使用最多的語言，有 67.7% 的受訪者選擇它。之所以如此受歡迎，主要是因爲 JavaScript 是通用的，可以用於前端和後端開發和測試網站或 Web 應用程序。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"使用谷歌搜索“JavaScript framework”，你會發現有很多 JavaScript 框架，它們各有優點，各有用途。由於有如此多的 JavaScript 框架可供選擇，可以用於前端、後端開發，甚至測試，因此，要選擇合適你需求的框架，可能會是一個挑戰。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"可能很難找到一個適合你需求的適當框架。本文介紹了 2021 年最佳 JavaScript 框架，我用 StateOfJS 2019、Stackoverflow 開發者調查 2021 和 NPM 趨勢，編制了一份用於前端、後端和測試的最佳 JavaScript 框架榜單，可以幫助你解決這個問題。"},{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"（本文是前端篇）"}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"前端 JavaScript 框架"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"JavaScript 在前端開發中已經廣泛使用了將近二十年。像 React、Vue 和 Angular 這樣的知名架構已經吸引了大量的追隨者，而最近，一些新的競爭者成功地挑戰了這三大框架。2021 年最優秀的五大前端框架如下："}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"1. React.js"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"在我們編制的 2021 年最佳 JavaScript 框架的榜單中，前端類排名第一是 React.js。React.js 是一個開源的前端 JavaScript 庫（並非一個成熟的框架），由 Jordan Walke 領導的 Facebook 開發團隊於 2011 年創建，並於 2013 年 6 月開源。它的原型名爲“FaxJS”，在 Facebook 消息來源（News Feed）上進行了首次測試。可以說，React 是網絡開發行業中最大的顛覆者之一，也是塑造我們今天所看到的網絡應用的一個重大突破。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"React 引入了一種組件驅動、函數式和聲明式的編程風格，爲主要是單頁 Web 應用創建交互式用戶界面。通過“虛擬 DOM”，React 提供了非常快的渲染速度，只需渲染髮生變化的部分，而不用渲染整個頁面。React 的另一個基本特點是使用更簡單的 JSX 語法，而不是 JavaScript。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"儘管學習 React 比這個榜單中其他框架要複雜一些，但是 React 擁有一個龐大的開發者社區、豐富的學習資源，並被世界各地廣泛採用。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"不管是 Stack Overflow 開發者調查，還是 State of JS 調查，在前端 JavaScript 框架榜單中，React 始終名列前茅，一直是最受歡迎的前端 JavaScript 框架。Airbnb、Facebook、Instagram、Netflix、Twitter、WhatsApp 等全球最大的公司和品牌都使用 React 構建。如果認爲 React.js 可以說是最好的 JavaScript 框架，那這一說法不會有錯。"}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"2. Vue.js"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Vue.js 是一種輕量級、開源的 JavaScript 框架，用最小的努力來構建創造性的用戶界面和高性能單頁 Web 應用。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Evan Yu 在 2014 年首次發佈了 Vue，他是一名谷歌開發者，從 Angular 中獲得了靈感，以 Vue.js 的形式提供了一個簡單、輕量級、高效的替代方案。Vue 從 React 和 Angular 獲得了許多特性，但是這些特性已經得到了大幅改進，從而提供了一個更好、更易用、更安全的框架。Vue 就是這種方法的最佳例子，它提供了 Angular 所見的雙向數據綁定，以及 React 所見的“虛擬 DOM”。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"同樣，Vue 也非常靈活，使其能夠像 Angular 那樣作爲一個完整的端到端框架，也可以像 React 那樣作爲一個有狀態的視圖層。所以，Vue 的主要優勢在於它的漸進式性質，它更簡單，更容易上手，並且不會做太多限制來滿足開發者的需求。Vue 在過去兩年中迅速流行起來，取代了 Angular 和 React 複雜的統治地位，成爲最好的 JavaScript 框架。有些全球最大的公司，比如 Adobe、蘋果、寶馬、路易威登和任天堂都採用了 Vue。"}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"3. Angular"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Angular.js 在 2021 年最佳 JavaScript 框架榜單的前端類中名列第三，它是谷歌開源、基於腳本的框架，用於創建單頁 Web 應用的客戶端。Angular 是由谷歌工程師 Misko Hevery 和 Adam Abrons 在 2010 年創建的，名爲 AngularJS（或 Angular 1）。AngularJS 曾廣爲人知，也曾最受歡迎，但 React 的出現暴露了它嚴重的缺陷，後來被人們遺忘了。因此，在 2016 年，AngularJS 完全從零開始重寫，並更名爲 Angular 2（或簡稱 Angular）。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"AngularJS（Angular 1）的靈感來自 React。它們有了很大的變化，最重要的變化就是從 MVW（Model-View-Whatever）架構轉變爲類似 React 的面向組件的架構。如今，Angular 已經成爲構建企業應用最安全的 JavaScript 框架典範；超過 100 萬的網站都在使用 Angular，包括谷歌、福布斯、IBM 和微軟。"}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"4. Emberjs"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"在 2021 年最佳 JavaScript 框架榜單中，前端類的第四名是 Ember.js。它是一個開源的 JavaScript 框架。Ember 不像我們提到的其他框架，它使用的是 MVVM（Model-View-ViewModel）架構。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Ember 最初是一個 SproutCore 2.0 框架，被 Yehuda Katz 重新命名爲 Ember.js，他是一名資深開發者，被認爲是 jQuery 的主要創造者之一。Ember 最流行、最基本的功能就是 Ember 命令行界面，其自身功能非常強大，是一個強大的生產力工具。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"與 React、Vue 和 Svelte 相比，Ember 是較早的 JavaScript 框架之一，但它在微軟、領英、Netflix 和 Twitch 等大公司仍然有巨大的用戶基礎。它的客戶羣裏有很多用戶。像 Backbone 和 Polymer 這樣的老朋友已經消失了，但 Amber 仍能在一個充滿激情的社區中，繼續堅守下去。"}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"5. Preact.js"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"在我們的 2021 年最佳 JavaScript 框架榜單中，Preact.js 在前端類排名第五。它是 React 的輕量級、快速且功能強大的替代方案（它並非一個完整的框架）。谷歌高級開發項目工程師 Jason Miller 創建了 Preact，並被一些開發者用作 React 的子集，同時還刪除了部分特性。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Preact.js 的基本原則與 React 相同，是一種使用虛擬 DOM 的基於組件的方法，同時與 React 完全兼容。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"你還可以使用 React 包，而不會影響速度、性能和精簡。如果你不需要 React 的全部潛力，大多數開發者將在開發過程中使用 Preact，甚至在生產中切換到 Preact。使用 Preact 的大公司有很多，包括騰訊、Uber 和 Lyft。"}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"總結"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"本文這個榜單所列的這些框架，遠遠不是 JavaScript 前端開發所需的全部框架，但是它們構成了當前所使用的此類框架的主體。隨着 JavaScript 功能（通過 ECMAscript 過程）的不斷髮展，框架功能向內核遷移的可能性也在增加。"}]},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":"作者介紹："}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Olivia Cuthbert，印度人，技術作家，數字營銷人員。供職於 Pixel Crayons，內容主管。對數據科學、機器學習、數據可視化、知識圖譜、數據庫等有着濃厚的興趣。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong"}],"text":"原文鏈接："}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"https:\/\/www.datasciencecentral.com\/profiles\/blogs\/best-javascript-frameworks-for-2021"}]}]}