整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
佳 React 開(kāi)發(fā)IDE：
互聯(lián)網(wǎng)上還有很多 的IDE和編輯器。我們?yōu)槟占?022年React.JS開(kāi)發(fā)的最佳IDE。在此集合中，您將找到可 幫助您簡(jiǎn)化工作流程的 IDE。
Visual Studio
URL： https://visualstudio.microsoft.com/
Github： https://github.com/microsoft/vscode
Documentation： https://docs.microsoft.com/en-us/visualstudio
Price： FreeLanguages
： C， Python， .NET， Javascript， React through extensionsPlatform
： Windows， Mac， LinuxExtension
or Plugins：https://marketplace.visualstudio.com/
VS Code由Microsoft發(fā)布：該工具在開(kāi)源MIT許可證下可用。由于其功能和自由度，VScode經(jīng)常贏得最受歡迎的IDE的投票。Visual Studio Code IDE 可用于 Windows、Linux 和 Mac 操作系統(tǒng)。它不僅支持JavaScript和React，而且還支持Node.js，TypeScript，并附帶了其他語(yǔ)言的整個(gè)擴(kuò)展生態(tài)系統(tǒng)，包括C++，C #，Python，PHP和（當(dāng)然）.NET。
VS Code是一個(gè)很好的IDE，可以啟動(dòng)您的工作，因?yàn)樗С衷S多編程語(yǔ)言，并且具有許多功能，可以幫助您完成整個(gè)過(guò)程。
主要特點(diǎn)：
當(dāng)然，您可能不需要VS Code的所有功能（如果您喜歡任何嚴(yán)肅的東西，這不太可能），因此可能想要選擇其他東西，但是這個(gè)東西在所有情況下都適合我。
當(dāng)然，我們還沒(méi)有列出所有的功能，很可能你不會(huì)全部使用它們，但是這些東西在 React 開(kāi)發(fā)方面效果很好。
如果我們看看VS Code和React這樣的東西，那么VS Code可以配置為一個(gè)非常高效和高效的機(jī)器，以加速開(kāi)發(fā)，這要?dú)w功于它的插件。其中一些插件增強(qiáng)了javascript編程;其中許多專(zhuān)門(mén)增強(qiáng)了 react、redux、react native 等的開(kāi)發(fā)體驗(yàn)。
請(qǐng)注意，通過(guò)使用無(wú)數(shù)的插件，您可以更改整個(gè)編碼過(guò)程并大大加快開(kāi)發(fā)過(guò)程。
優(yōu)點(diǎn)
缺點(diǎn)
值得注意的擴(kuò)展
React.js Starter Kit 是在 Bootstrap 的幫助下構(gòu)建的 react 應(yīng)用程序前端初學(xué)者工具包。它是一個(gè)跨平臺(tái)的項(xiàng)目模板，由 Node.js 提供支持 - 基于 Gulp、Webpack、BrowserSync、Karma、Protractor 等開(kāi)發(fā)工具，可加快 React 項(xiàng)目初始化速度。
顯然，React Snippet Pack 是一個(gè)用于 React JavaScript 框架的代碼段包。
WebStorm
URL： https://www.jetbrains.com/webstorm/
Github： –
Documentation： https://www.jetbrains.com/help/webstorm/meet-webstorm.html
價(jià)格： 9/year
語(yǔ)言： Angular， React， Vue， Node.js， Ionic， React NativePlatform
： Windows， Mac， LinuxExtension
or Plugins：https://plugins.jetbrains.com/webstorm
當(dāng)然，我們不能不提到WebStorm——可能是最先進(jìn)、最受歡迎的Web開(kāi)發(fā)工具。這個(gè)強(qiáng)大的 JavaScript 開(kāi)發(fā) IDE 具有許多有用的功能，如智能編碼輔助、代碼完成、錯(cuò)誤檢測(cè)以及針對(duì)多種語(yǔ)言（如 JavaScript、Node.js、HTML 和 CSS）的重構(gòu)。創(chuàng)建此IDE的公司稱(chēng)為JetBrains。
Webstorm IDE 的質(zhì)量體現(xiàn)在它被絕大多數(shù)大型組織使用的事實(shí)中。
特征
最好的功能之一是，默認(rèn)情況下，WebStorm配置為在您處理文件時(shí)自動(dòng)保存文件，當(dāng)您切換到其他IDE時(shí)，您會(huì)感受到WebStorm的美麗。另一件好事是，WebStorm有一個(gè)內(nèi)置的版本控制系統(tǒng)，每次保存文件時(shí)都會(huì)提交。它與 Git 提交是分開(kāi)的。
優(yōu)點(diǎn)
缺點(diǎn)
如果您正在尋找一個(gè)成熟的平臺(tái)，這可能是正確的選擇，因?yàn)樗云溥^(guò)去15年的出色開(kāi)發(fā)功能而聞名。
在 React 開(kāi)發(fā)方面，有以下特性：
我們認(rèn)為 WebStorm 是市場(chǎng)上 React 開(kāi)發(fā)中收入最高的 IDE，這要?dú)w功于它的許多功能、插件和良好的文檔。
Reactide
URL： https://reactide.io/
Github： https://github.com/reactide/reactide
Documentation： –
Price： Free， open-sourceLanguages
： ReactPlatform
： macOS， Windows， UbuntuExtension
or Plugins： none
Reactide 是為數(shù)不多的、也是第一個(gè)專(zhuān)門(mén)用于 React 開(kāi)發(fā)的 IDE 之一。它是一個(gè)跨平臺(tái)的桌面應(yīng)用程序，提供了一個(gè)自定義模擬器，使得構(gòu)建工具和服務(wù)器配置變得不必要。
特征
優(yōu)點(diǎn)
缺點(diǎn)
如果你想快速開(kāi)發(fā)一個(gè) React 項(xiàng)目或更改它，那么沒(méi)有比 ReactIDE 更好的工具了。該工具運(yùn)行迅速，并具有許多專(zhuān)門(mén)用于 React 開(kāi)發(fā)的功能。
Vim Editor
URL： https://www.vim.org/
Github： https://github.com/vim/vim
Documentation： https://www.vim.org/docs.php
價(jià)格： FreeLanguages
： 幾乎所有
平臺(tái)： Linux， macOSExtension
or Plugins： https://vimawesome.com/
Vim 是一個(gè)非常古老的 IDE。好吧，至少作為一個(gè)IDE。這是一個(gè)非常高級(jí)的文本編輯器，你永遠(yuǎn)不會(huì)讓喜歡它的開(kāi)發(fā)人員離開(kāi)它，強(qiáng)迫他們切換到VScode或WebStorm。Vim因其配置屬性而在開(kāi)發(fā)人員中非常知名。它是免費(fèi)的，高度可定制的。
Vim具有搜索和語(yǔ)法突出顯示功能，并且超級(jí)輕量級(jí)。因此，它可以處理非常非常大的文件。但是，設(shè)置Vim需要很長(zhǎng)時(shí)間。該工具具有圖形界面，但是 - 您可能已經(jīng)猜到了 - 它需要自定義。即使鼠標(biāo)要工作，您也需要出汗。默認(rèn)情況下，Vim 由鍵盤(pán)和鍵盤(pán)快捷鍵控制。Vim可以是一個(gè)偉大的IDE，如果你自定義它，并熟悉它內(nèi)外。但如果時(shí)間緊迫，這可能不是最佳選擇。
特征
優(yōu)點(diǎn)
缺點(diǎn)
支持Vim的一個(gè)重要細(xì)節(jié)是，頂級(jí)公司的大量工程師使用VIM，例如Facebook。
用于 React 開(kāi)發(fā)的著名插件
vim-jsx — JSX 的語(yǔ)法突出顯示和縮進(jìn)。
vim-react-snippets — Vim 與 Facebook 的 React 庫(kù)配合使用的一組片段。
vim-babel — Vim 與 Facebook 的 React 庫(kù)配合使用的另一組片段。
GNU Emacs Editor
URL： https://www.gnu.org/software/emacs/
Github： https://github.com/emacs-mirror/emacs
Documentation： https://www.gnu.org/software/emacs/documentation.html
價(jià)格： FreeLanguages
： Language agnosticPlatform
： GNU， GNU/Linux， FreeBSD， NetBSD， OpenBSD， MacOS， MS Windows and SolarisExtension
or插件： https://github.com/emacs-tw/awesome-emacs
GNU Emacs是一個(gè)文本編輯器，帶有基本的用戶(hù)界面，但功能非常有用。該工具屬于以其可擴(kuò)展性而聞名的文本編輯器系列。GNU Emacs對(duì)于那些知道如何使用Vim編輯器的人來(lái)說(shuō)將非常熟悉。這個(gè)編輯器可以被稱(chēng)為最簡(jiǎn)單的編輯器，但是，它沒(méi)有錯(cuò)過(guò)任何重要功能。
特征
優(yōu)點(diǎn)
缺點(diǎn)
至于 React，Emacs 確實(shí)需要一些工作和插件才能真正讓它高效地工作。
擴(kuò)展
web-mode.el — 它是一種自治的 emacs 主要模式，用于編輯 Web 模板。它與包括JSX（React）在內(nèi)的許多語(yǔ)言兼容。
Spacemacs Editor
URL： https://www.spacemacs.org/
Github： https://github.com/syl20bnr/spacemacs
Documentation： https://www.spacemacs.org/doc/DOCUMENTATION.html
價(jià)格： FreeLanguages
： 幾乎與語(yǔ)言無(wú)知
的平臺(tái)： Windows， Mac， LinuxExtension
or Plugins： –
尋找Emacs和Vim的最佳組合，這是將為您提供最佳服務(wù)的編輯器。Spacemacs是一個(gè)社區(qū)驅(qū)動(dòng)的Emacs發(fā)行版，因此是最好的編輯器，從Emacs和Vim中獲取了最好的。
特征
優(yōu)點(diǎn)
缺點(diǎn)
Emacs依賴(lài)于社區(qū)編寫(xiě)的開(kāi)源軟件包，基本上每種語(yǔ)言的每個(gè)IDE功能。我們認(rèn)為這很棒：您可以自己開(kāi)發(fā)軟件包。肯定有一個(gè)學(xué)習(xí)曲線(xiàn)，但也有一些非常好的工具可以幫助自己在emacs中定位自己。
擴(kuò)展
React layer — React 的 ES6 和 JSX ready configuration layer。它將自動(dòng)識(shí)別 .jsx 和 .react.js 文件。一個(gè)用于 React 集成的包層。
URL： https://www.sublimetext.com/
Github： https://github.com/SublimeText
Documentation： https://www.sublimetext.com/docs/
價(jià)格： > $0 — $99< —
語(yǔ)言： 幾乎與語(yǔ)言無(wú)關(guān)
平臺(tái)： Windows， Linux， macOSExtension
or Plugins： 沒(méi)有一個(gè)目錄，但有很多插件
Sublime Text是幾乎每種語(yǔ)言的強(qiáng)大文本編輯器。它輕量級(jí)，功能豐富，并在流行的平臺(tái)上受支持。用戶(hù)只需要一個(gè)許可證即可在任何計(jì)算機(jī)上使用崇高文本。該工具速度很快，與多個(gè)工具集成，并支持React和React Native以及所有Web編程語(yǔ)言。崇高文本提供了強(qiáng)大的插件支持，以增強(qiáng)編輯器的功能。它目前在Windows，Mac和Linux上可用。
Sublime文本編輯器的功能可以使用插件進(jìn)行擴(kuò)展和調(diào)整。在實(shí)踐中，許多JS插件有助于將Sublime Text變成一個(gè)優(yōu)雅的Javascript IDE。
Sublime Text使用針對(duì)速度和美觀性進(jìn)行了優(yōu)化的自定義UI工具包，并利用了每個(gè)平臺(tái)上的本機(jī)功能。
特征
優(yōu)點(diǎn)
缺點(diǎn)
我們并不是使用Sublime進(jìn)行REACT開(kāi)發(fā)的忠實(shí)粉絲，因?yàn)檫€有其他更好和免費(fèi)的選項(xiàng)可用。如果你已經(jīng)在組織中使用Sublime，并且想要在你的項(xiàng)目中包含React，這絕對(duì)是一個(gè)不錯(cuò)的選擇，不需要撓撓頭去尋找其他任何東西。
包
react-native-snippets — 它是 React-native 的 Sublime Text Snippets 的集合
babel-sublime — 帶有 React JSX 擴(kuò)展的 ES6 JavaScript 的語(yǔ)法定義。
URL： https://rekit.js.org/
Github： https://github.com/rekit/rekit
Documentation： https://rekit.js.org/
價(jià)格： FreeLanguages
： ReactPlatform
： WebExtension
or Plugins： https://rekit.js.org/docs/plugin.html
Rekit 是一個(gè)專(zhuān)門(mén)用于使用 React 開(kāi)發(fā)應(yīng)用程序的 IDE。它既可以用作IDE，也可以用作工具包，可用于使用React，React路由器和Redux開(kāi)發(fā)Web應(yīng)用程序。Rekit studio在節(jié)點(diǎn)服務(wù)器上運(yùn)行，是一個(gè)npm包，因此，它在瀏覽器中運(yùn)行。開(kāi)發(fā)人員可以利用 Rekit Studio 的許多功能，包括代碼編輯、代碼生成、依賴(lài)關(guān)系圖、重構(gòu)、生成、單元測(cè)試以及更簡(jiǎn)單的代碼導(dǎo)航方法。我們喜歡Rekit的主要功能是每個(gè)React應(yīng)用程序都有自己的Rekit工作室，因此事情仍然簡(jiǎn)單可控。但是，我們不建議將 Rekit 用于企業(yè)級(jí) React js 開(kāi)發(fā)。
特征
URL： http://brackets.io/
Github： https://github.com/adobe/brackets
Documentation： http://brackets.io/docs/current/modules/brackets.html
價(jià)格： FreeLanguages
： JS， Ruby， Python， Perl， etc.
平臺(tái)： Windows， Linux， macOSExtension
or Plugins： https://registry.brackets.io/
Brackets是一個(gè)非常輕量級(jí)和閃電般的Web開(kāi)發(fā)IDE，但看起來(lái)更像是一個(gè)源代碼編輯器。它是主要為Web開(kāi)發(fā)人員構(gòu)建的IDE之一。支架具有巨大的插件支持，并且完全免費(fèi)使用。由Adobe Systems創(chuàng)建，這個(gè)開(kāi)源軟件可以幫助您使用所有Web編程語(yǔ)言構(gòu)建代碼。Brackets 適用于 Mac、Windows 和 Linux。功能查找和快速項(xiàng)目切換是它提供的一些顯著功能。
特征
優(yōu)點(diǎn)
缺點(diǎn)
在 react 方面，有一些插件可用于增強(qiáng) Brackets 功能，以便使用 React 組件進(jìn)行快速開(kāi)發(fā)。
括號(hào)是最好的Web IDE，如果你正在尋找一個(gè)理解網(wǎng)頁(yè)設(shè)計(jì)的編輯器。它附帶了一套很好的可視化工具，例如網(wǎng)站表單創(chuàng)建者或其他預(yù)處理器支持。它是由網(wǎng)頁(yè)設(shè)計(jì)師為網(wǎng)頁(yè)設(shè)計(jì)師創(chuàng)建的。
注意：Adobe 將于 2021 年 9 月 1 日結(jié)束對(duì) Brackets 的支持。如果您想繼續(xù)使用、維護(hù)和改進(jìn) Brackets，可以在 GitHub 上分叉該項(xiàng)目。
URL： https://atom.io/
Github： https://github.com/atom
Documentation： https://atom.io/docs
價(jià)格： Free， open-sourceLanguages
： most JavascriptPlatforms
： Windows， Linux， macOSExtension
or Plugins： https://atom.io/packages
如果你在Github上開(kāi)發(fā)一個(gè)Web應(yīng)用程序，那么沒(méi)有比Atom更好的IDE了。這個(gè)開(kāi)源編輯器是由GitHub開(kāi)發(fā)的，因此與該平臺(tái)密切相關(guān)。Atom也是一個(gè)完全正常的Javascript編輯器，借助于可以實(shí)現(xiàn)的Web項(xiàng)目。Atom擁有廣泛的社區(qū)支持，可以?xún)A聽(tīng)并處理反饋。它可以在Windows，Linux和macOS上使用，并具有龐大的軟件包存儲(chǔ)庫(kù)，以滿(mǎn)足開(kāi)發(fā)人員的需求。
特征
優(yōu)點(diǎn)
缺點(diǎn)
Atom是真正可破解的，可以使用大量基于Node.js的插件進(jìn)行定制，以擴(kuò)展atom功能以滿(mǎn)足您的需求。由于來(lái)自不同社區(qū)的大力支持以及令人敬畏的UI界面和功能，它吸引了很多開(kāi)發(fā)人員。
包
選擇正確的 IDE 將對(duì)您作為開(kāi)發(fā)人員的性能產(chǎn)生非常大的影響。每個(gè) IDE 都有自己的一組功能、優(yōu)缺點(diǎn)，這些特性和優(yōu)缺點(diǎn)是它們之間的區(qū)別。我們還討論了用于開(kāi)發(fā) React 應(yīng)用程序的所有最佳 IDE。如果你遷移到 IDE 來(lái)幫助你進(jìn)行 React 開(kāi)發(fā)，我們保證你不會(huì)回到普通的編輯器。
希望您能為下一個(gè)Web開(kāi)發(fā)項(xiàng)目找到合適的一個(gè)。畢竟，編寫(xiě)代碼的是開(kāi)發(fā)人員，而不是IDE。
ngularJS 是一個(gè)開(kāi)源的前端框架，用于開(kāi)發(fā)動(dòng)態(tài)網(wǎng)頁(yè)，該框架使用 JavaScript 編程語(yǔ)言。借助 AngularJS，可以實(shí)現(xiàn)跨瀏覽器、交互式和用戶(hù)友好的 Web 應(yīng)用程序。此外，與其他框架相比，該框架分析頁(yè)面 DOM 并有助于減少代碼長(zhǎng)度。因此，由于這些原因，AngularJS 受到許多公司的開(kāi)發(fā)人員的青睞。
但是如果沒(méi)有集成開(kāi)發(fā)環(huán)境，就不可能用更少的代碼開(kāi)發(fā)出高質(zhì)量的應(yīng)用程序。因此，一些 IDE 應(yīng)運(yùn)而生。Angular IDE 簡(jiǎn)化了開(kāi)發(fā)人員所需的工作，并且可以在短時(shí)間內(nèi)提供最佳結(jié)果，這里是適合開(kāi)發(fā)人員的最佳 IDE。
1. WebStorm
這個(gè)功能強(qiáng)大的代碼編輯器由 Jetbrains 開(kāi)發(fā)。借助其內(nèi)置的 TypeScript，您可以輕松開(kāi)發(fā) Angular 2 應(yīng)用程序。您不必依賴(lài)外部插件，因?yàn)樗试S使用其純 Vanilla JavaScript 編譯代碼。
WebStorm 支持 HTML、JavaScript、Node.js 和 CSS。您可以確保在使用 WebStorm IDE for AngularJS 開(kāi)發(fā)的應(yīng)用程序中進(jìn)行穩(wěn)健的導(dǎo)航和重構(gòu)。此外，它還允許通過(guò)智能編碼與 Visual Studio 代碼集成。
2.Sublime Text
許多開(kāi)發(fā)人員使用此文本編輯器，因?yàn)樗梢造`活地適應(yīng)任何編程環(huán)境。此外，它輕量級(jí)且穩(wěn)定，允許開(kāi)發(fā)人員自由有效地編碼。 Sublime 能夠一次運(yùn)行多個(gè)文件并且不會(huì)導(dǎo)致任何問(wèn)題。此外，它在檢查正則表達(dá)式和區(qū)分大小寫(xiě)的字符時(shí)執(zhí)行準(zhǔn)確。
Sublime 支持 TypeScript 代碼編輯并優(yōu)化應(yīng)用程序或網(wǎng)站中的自定義功能。開(kāi)發(fā)人員不必為不同的平臺(tái)編寫(xiě)代碼，因?yàn)樵?Sublime 的幫助下，他們可以輕松地進(jìn)行跨平臺(tái)編輯。
3. Brackets
Brackets 是開(kāi)發(fā)人員中著名的源代碼編輯器。它支持跨平臺(tái)開(kāi)發(fā)，并允許 HTML、CSS 和 JavaScript 編輯功能。除了支持多種語(yǔ)言外，它甚至對(duì)于新手程序員來(lái)說(shuō)也是一個(gè)很好的 IDE。您可以在其中使用不同的插件來(lái)支持各種語(yǔ)言的附加功能。
您可以通過(guò)代碼的實(shí)時(shí)預(yù)覽進(jìn)行實(shí)時(shí)編輯。因此，憑借許多有用的功能，此 IDE 使應(yīng)用程序構(gòu)建過(guò)程變得簡(jiǎn)單而富有創(chuàng)意。這就是為什么它也被稱(chēng)為具有可視化工具的現(xiàn)代編輯器。
4. Atom
Atom 由 GitHub 發(fā)布，它在這個(gè) IDE 中為 Angular 開(kāi)發(fā)人員帶來(lái)了定期更新。您可以將它用于 Android、Mac、Linux 和許多其他操作系統(tǒng)。憑借其靈活的編程環(huán)境，開(kāi)發(fā)人員可以實(shí)現(xiàn)他們的工作方式并有效地滿(mǎn)足開(kāi)發(fā)要求。
自動(dòng)代碼提示、靜態(tài)類(lèi)型檢查和代碼自省功能使開(kāi)發(fā)人員的工作變得簡(jiǎn)單，以便他們可以更準(zhǔn)確地改進(jìn)代碼。您還可以進(jìn)行簡(jiǎn)單而有吸引力的修改，例如背景顏色。
5. Aptana Studio
它是一個(gè)開(kāi)源 IDE，適用于許多最好的前端框架。 Aptana 是 Eclipse 的定制版本，專(zhuān)注于 JavaScript、CSS 和 HTML。它包含幾個(gè)插件，以允許在應(yīng)用程序開(kāi)發(fā)中進(jìn)行不同的擴(kuò)展。您甚至可以將它們用于不同的框架和庫(kù)。
許多開(kāi)發(fā)人員將它用于 AJAX 應(yīng)用程序，但現(xiàn)在他們也更喜歡它用于其他類(lèi)型的應(yīng)用程序。它由一個(gè)集成調(diào)試器組成，有助于節(jié)省開(kāi)發(fā)人員使用外部調(diào)試器的時(shí)間。借助 Eclipse Marketplace，您可以輕松安裝 AngularJS Eclipse 并將其用于開(kāi)發(fā)。
6.Visual Studio 代碼
它由 Microsoft 為 Linux、Windows 和 OS X 開(kāi)發(fā)。Visual Studio 具有代碼重構(gòu)功能，它是一個(gè)功能強(qiáng)大的 AngularJS IDE，可為 Web 開(kāi)發(fā)提供持續(xù)的幫助。
語(yǔ)法高亮和代碼片段使許多新手開(kāi)發(fā)人員的開(kāi)發(fā)變得容易。此 IDE 支持多種語(yǔ)言，許多大型 AngularJS 開(kāi)發(fā)公司選擇它以進(jìn)行快速調(diào)試和輕松定制。
7.ALM IDE
您可以使用它在 TypeScript 項(xiàng)目中快速開(kāi)發(fā)，并且在單個(gè) NPM 命令的幫助下，您可以完成它的安裝。您可以使用 ALM IDE 避免常見(jiàn)的 UX 錯(cuò)誤，因?yàn)樗子谑褂貌⑾耸褂?TypeScript 的所有障礙。
ALM IDE 是輕量級(jí)的，專(zhuān)為 TypeScript 制作，您可以通過(guò)其功能理解。它基于云并支持許多瀏覽器。
這些是一些可以簡(jiǎn)化 AngularJS 開(kāi)發(fā)人員工作的優(yōu)秀 IDE。 對(duì)于按需應(yīng)用程序，這種前端框架一直是至關(guān)重要的選擇，因?yàn)樗?/span> IDE 有助于通過(guò)簡(jiǎn)單的編碼開(kāi)發(fā)定制產(chǎn)品。
了解更多
020 年的技術(shù)熱潮之下，我們?cè)撊绾斡卸希枰邆淠男┘夹g(shù)棧？如果你是一名前端開(kāi)發(fā)者，不妨通過(guò)本文了解頂級(jí)的 JavaScript 框架以及未來(lái)趨勢(shì)預(yù)探，來(lái)升級(jí)自己的技能吧！
作者 | Eric Elliott
譯者 | 蘇本如，責(zé)編 | 屠敏
頭圖 | CSDN 下載自視覺(jué)中國(guó)
出品 | CSDN（ID：CSDNnews）
以下為譯文：
如果你想找到一份很棒的JavaScript工作，或者趕上2020年的重要技術(shù)，以及今后十年的重要技術(shù)，那么這篇文章就是為你準(zhǔn)備的。本文的重點(diǎn)不是告訴你哪些技術(shù)堆棧和框架是“最佳”，最受大家喜愛(ài)或者最受歡迎的技術(shù)，而是告訴你哪些技術(shù)堆棧和框架能夠?yàn)槟闾峁┰?020年及以后獲得一份出色工作的最佳機(jī)會(huì)。
我們將研究以下不同來(lái)源的數(shù)據(jù)：
谷歌搜索的趨勢(shì)：https://trends.google.com/trends/
State of JS調(diào)查報(bào)告：https://2019.stateofjs.com/
Stack Overflow調(diào)查報(bào)告：https://insights.stackoverflow.com/survey/2019
Npm下載量：https://npm-stat.com/charts.html?package=react&package=vue&package=%40angular%2Fcore&package=svelte&package=jquery&from=2015-12-30&to=2019-12-30
Indeed.com上發(fā)布的空缺職位總數(shù)：https://www.indeed.com/
這些指標(biāo)都不是完美的，但就本文的目的而言，npm下載次數(shù)和Indeed.com職位發(fā)布數(shù)量應(yīng)該給予最大的權(quán)重，當(dāng)我們綜合考慮這些指標(biāo)時(shí)，它們可以清晰、一致地描繪JavaScript技術(shù)的前景和趨勢(shì)。根據(jù)這些指標(biāo)選擇一個(gè)學(xué)習(xí)框架是一個(gè)好主意嗎？那首先要取決于你的目標(biāo)是什么。
因?yàn)槲覀冇幸粋€(gè)明確的目標(biāo)：求職者學(xué)習(xí)的投資回報(bào)率。這就使得這項(xiàng)任務(wù)比告訴你什么對(duì)每個(gè)人都是最好的要容易得多。雖然沒(méi)有一種方法是萬(wàn)能的，但客觀地定義什么可以最大程度地實(shí)現(xiàn)特定的具體目標(biāo)是很容易的。讓我們來(lái)看看一些數(shù)據(jù)。
首先，學(xué)習(xí)JavaScript
在你過(guò)多地?fù)?dān)心技術(shù)堆棧之前，請(qǐng)先學(xué)習(xí)JavaScript以及如何使用它來(lái)編寫(xiě)軟件。如果你無(wú)法解釋什么是函數(shù)組合、對(duì)象組合和模塊，請(qǐng)從這里開(kāi)始。所有的軟件開(kāi)發(fā)都是某種組合：我們把一個(gè)大的、復(fù)雜的問(wèn)題分解成一些小的問(wèn)題，然后使用軟件構(gòu)建塊（如函數(shù)、對(duì)象、模塊等等）來(lái)解決它們。我們將這些解決方案組合起來(lái)形成我們的應(yīng)用程序。從2020年開(kāi)始，請(qǐng)充分理解JavaScript和軟件組合。
React在2019年占據(jù)主導(dǎo)地位，2020年可能繼續(xù)
我喜歡npm下載量這個(gè)指標(biāo)，因?yàn)樗芎玫乇砻髁丝蚣艿幕钴S使用情況（*）。行業(yè)常用框架統(tǒng)計(jì)給于npm下載量的權(quán)重非常之高，原因是因?yàn)橛脩?hù)需要在其本地機(jī)器上運(yùn)行npm install。
此處jQuery被排除在外，原因是許多jQuery項(xiàng)目都是不使用npm的舊項(xiàng)目，因此無(wú)論如何它都會(huì)被嚴(yán)重低估。Svelte被包括進(jìn)來(lái)，是為了提供一些有關(guān)其在市場(chǎng)上的相對(duì)地位的見(jiàn)解，并解釋其在其他圖表中的缺失。目前還沒(méi)有足夠的數(shù)據(jù)讓Svelte在圖表中顯示有意義的內(nèi)容。例如，在Google搜索趨勢(shì)中，它還不是一個(gè)可用的主題。
空缺職位總數(shù)
下面這張圖表顯示了各特定框架的當(dāng)前空缺職位總數(shù)統(tǒng)計(jì)（*）：
2019年12月各UI框架空缺職位統(tǒng)計(jì)（數(shù)據(jù)來(lái)源：indeed.com）
與去年相比，React擴(kuò)大了領(lǐng)先優(yōu)勢(shì)，而Angular和jQuery都輸給了Vue。下面是一個(gè)餅圖，顯示了每個(gè)框架的相對(duì)就業(yè)市場(chǎng)份額：
頂級(jí)框架的就業(yè)市場(chǎng)份額
JavaScript開(kāi)發(fā)人員的平均工資在2019年再次增長(zhǎng)，從每年的11.1萬(wàn)美元增加到每年的11.4萬(wàn)美元（這里是數(shù)據(jù)來(lái)源）。
（*）統(tǒng)計(jì)方法：職位搜索是在indeed.com網(wǎng)站進(jìn)行的。為了排除誤報(bào)，我將搜索與關(guān)鍵字“software”配對(duì)，以增強(qiáng)其相關(guān)性，然后乘以~1.5（大致相當(dāng)于使用“software”和不使用“software”的編程職位列表之間的差異）。所有搜索結(jié)果頁(yè)（SERPs）都按日期排序并抽查其相關(guān)性。得到的數(shù)字并非100%準(zhǔn)確，但對(duì)于本文中使用的相對(duì)近似值來(lái)說(shuō)，它們已經(jīng)足夠好了。
谷歌搜索趨勢(shì)
數(shù)據(jù)來(lái)源：https://trends.google.com/trends/explore?date=2017-01-01%202019-12-01&q=%2Fm%2F012l1vxv,%2Fg%2F11c6w0ddw9,%2Fg%2F11c0vmgx5d,%2Fm%2F0268gyp
正如你所料，搜索興趣（*）反映了就業(yè)市場(chǎng)份額，但存在一些有趣的差異。我們可以清楚地看到，從2017年到現(xiàn)在，人們對(duì)jQuery的興趣在減弱，并且Vue.js搜索興趣正在強(qiáng)勁增長(zhǎng)。以下是各框架在谷歌搜索統(tǒng)計(jì)中所占的份額：
上圖與職位空缺的統(tǒng)計(jì)結(jié)果一致：React擁有強(qiáng)大的領(lǐng)先優(yōu)勢(shì)，吸引了36%的前端框架搜索量，其次是Angular（約占27%）和jQuery（約占25%）。對(duì)Vue.js的搜索興趣遠(yuǎn)遠(yuǎn)大于它在就業(yè)市場(chǎng)的份額，但該數(shù)據(jù)與排名中的就業(yè)市場(chǎng)數(shù)據(jù)基本一致。看來(lái)我們已經(jīng)成功地證實(shí)了這一點(diǎn)。
（*）統(tǒng)計(jì)方法：對(duì)于所有搜索，數(shù)據(jù)都是按主題收集的，而不是按搜索詞收集，以便從無(wú)關(guān)的關(guān)鍵字匹配中剔除誤報(bào)。
未來(lái)值得關(guān)注的框架
現(xiàn)在更多的職位需要具有React框架技能，而不是其他受歡迎但使用不那么廣泛的框架，如Svelte或Vue，這兩個(gè)框架都有很高的滿(mǎn)意度，但行業(yè)采用率相對(duì)要小得多。
學(xué)習(xí)Svelte或Vue框架可能會(huì)很酷。但是如果你的目標(biāo)是找到一份工作，那么如果先學(xué)習(xí)React，你會(huì)有更好的機(jī)會(huì)。
話(huà)雖如此，在《2019年JavaScript狀態(tài)調(diào)查報(bào)告》中，Svelte和Vue的用戶(hù)滿(mǎn)意度得分都非常高。在過(guò)去，React框架的高用戶(hù)滿(mǎn)意度得分預(yù)示了它相對(duì)于Angular框架的快速增長(zhǎng)。Angular框架在當(dāng)時(shí)也占據(jù)了主導(dǎo)地位，但其用戶(hù)滿(mǎn)意度得分卻相對(duì)較低。
在2019年，React框架的用戶(hù)滿(mǎn)意度排名最高，達(dá)到89%。緊跟其后的包括Svelte（88%）和Vue.js（87%，低于上一年的91%）。Svelte或Vue不太可能會(huì)搶走足夠的React用戶(hù)，但是許多仍在使用Angular和jQuery的用戶(hù)，他們可能會(huì)轉(zhuǎn)而使用Svelte或Vue，從而在2020年推動(dòng)這兩個(gè)框架的進(jìn)一步強(qiáng)勁增長(zhǎng)。
可以肯定的是，掌握React框架將會(huì)增加你的機(jī)會(huì)，幫助你在2020年找到并守住一份很棒的工作。
TypeScript vs JavaScript
毫無(wú)疑問(wèn)，在過(guò)去幾年中，TypeScript的發(fā)展非常迅速，根據(jù)JavaScript現(xiàn)狀調(diào)查報(bào)告(State of JS Survey)，89%的TypeScript用戶(hù)會(huì)再次使用它，66%的調(diào)查對(duì)象要么使用TypeScript，要么對(duì)使用TypeScript感興趣（比最低年份的71%略有下降）。
但是，盡管人們的興趣確實(shí)很強(qiáng)，并且使用率似乎正在迅速增長(zhǎng)，但在就業(yè)市場(chǎng)上，擁有TypeScript方面的經(jīng)驗(yàn)還不是很搶手。只有大約7％的JavaScript空缺職位的職位描述中提到TypeScript（數(shù)據(jù)來(lái)源）。這個(gè)數(shù)字對(duì)TypeScript的職位需求可能有些低估，因?yàn)檎衅附?jīng)理們希望JavaScript開(kāi)發(fā)人員能夠輕松地使用TypeScript，因此他們有可能不會(huì)在工作崗位描述中提及TypeScript。
我堅(jiān)持認(rèn)為T(mén)ypeScript語(yǔ)言的投資回報(bào)率可能較低甚至為負(fù)。它可能會(huì)損害而不是提高你的生產(chǎn)率，并且，如果你已經(jīng)在使用諸如TDD，代碼審查和設(shè)計(jì)審查等優(yōu)秀的缺陷預(yù)防工具，那么使用TypeScript編寫(xiě)代碼不太可能帶來(lái)明顯的降低缺陷的好處。
話(huà)雖如此，TypeScript有很多值得熱愛(ài)的地方，你當(dāng)然不應(yīng)該害怕它，或者拒絕一份工作，僅僅因?yàn)樗鼈兪褂玫氖荰ypeScript而不是JavaScript。另外TypeScript是JavaScript的超集，因此從JavaScript轉(zhuǎn)到TypeScript并不像學(xué)習(xí)完全不同的語(yǔ)言那樣具有挑戰(zhàn)性。
你可能不需要學(xué)習(xí)TypeScript語(yǔ)言就可以在2020年的就業(yè)市場(chǎng)競(jìng)爭(zhēng)中脫穎而出，但是TypeScript引擎非常有用，即使對(duì)于標(biāo)準(zhǔn)JavaScript也是如此。
我每天都使用TypeScript引擎為使用VS Code編寫(xiě)的標(biāo)準(zhǔn)JavaScript提供智能感知（Intellisense）。甚至可以使用JSDoc（TypeScript引擎能夠理解和解釋JSDoc，就像解釋類(lèi)型注釋一樣）或外部d.ts文件來(lái)增強(qiáng)這種智能感知，并且VS Code將自動(dòng)獲取你使用的模塊的TypeScript定義。
多年來(lái)我一直使用并享受TernJS和Atom的組合帶來(lái)的類(lèi)似的好處，但是這種組合缺少TypeScript引擎 + VS Code的維護(hù)和社區(qū)支持。
如果您尚未嘗試使用Visual Studio（VS） Code，你可能要從那里開(kāi)始。順便說(shuō)一句，根據(jù)JS現(xiàn)狀調(diào)查的受訪者的反饋，VS Code占據(jù)了JavaScript IDE市場(chǎng)的主導(dǎo)地位，市場(chǎng)份額為57%，其次是WebStorm，市場(chǎng)份額為14％。
數(shù)據(jù)管理
Redux在狀態(tài)管理器的競(jìng)賽中仍然處于領(lǐng)先地位，但是GraphQL和Apollo在滿(mǎn)意度和興趣上都有所提高。預(yù)計(jì)GraphQL在2020年將持續(xù)增長(zhǎng)。
也就是說(shuō)，即使你在使用GraphQL，我仍然認(rèn)為有充分的理由來(lái)學(xué)習(xí)Redux狀態(tài)管理，而且我認(rèn)為每個(gè)人都會(huì)從學(xué)習(xí)Redux中受益，即使他們不使用這個(gè)框架。
GraphQL是近年來(lái)流行的一種查詢(xún)語(yǔ)言。它具有簡(jiǎn)單的語(yǔ)法，但是因?yàn)樗强缯麄€(gè)堆棧使用的，并且學(xué)習(xí)它需要學(xué)習(xí)如何將它連接到數(shù)據(jù)存儲(chǔ)層，因此集成起來(lái)可能令人生畏，但值得付出努力。
GraphQL不會(huì)在短期內(nèi)完全取代JSON REST API，但是它在2019年的增長(zhǎng)很快，我預(yù)計(jì)其強(qiáng)勁增長(zhǎng)將持續(xù)到2020年。
后臺(tái)框架
Express是占主導(dǎo)地位的Node框架，它的滿(mǎn)意度非常高，到2020年也不會(huì)有強(qiáng)勁的挑戰(zhàn)者，但是隨著無(wú)服務(wù)器（serverless）的興起，我希望隨著新的十年的到來(lái)，Express的統(tǒng)治地位將逐漸下降。
Next.js是一個(gè)全棧React框架，最初是在Express之上構(gòu)建的，但此后從Express切換到無(wú)服務(wù)器和靜態(tài)優(yōu)化，它像發(fā)瘋似地快速增長(zhǎng)起來(lái)。
當(dāng)我們將EricElliottJS.com從Express切換到無(wú)服務(wù)器的Next.js時(shí)，我們的主機(jī)托管費(fèi)用減少了90％，并且頁(yè)面加載速度變得更快。所以我無(wú)論多么強(qiáng)烈推薦它都不過(guò)分。現(xiàn)在，對(duì)于所有的應(yīng)用程序，我們都使用了Next.js和Zeit托管。
測(cè)試
Jest和Cypress分別在單元測(cè)試和功能測(cè)試中最受歡迎，但是我非常喜歡RITEWay和TestCafe。RITEWay是一個(gè)測(cè)試框架，它始終回答每個(gè)單元測(cè)試必須回答的5個(gè)問(wèn)題。
TestCafe和Cypress一樣，是一個(gè)功能測(cè)試工具。有了它，你就不再需要和Selenium抗?fàn)帲哂懈玫目鐬g覽器支持和出色的測(cè)試記錄器/集成開(kāi)發(fā)環(huán)境（IDE）。我強(qiáng)烈建議QA團(tuán)隊(duì)嘗試TestCafe。
功能性工具
Lodash，Ramda，Immer，Redux和RxJS是我經(jīng)常使用的功能性工具。
Ramda在2019年取得了長(zhǎng)足發(fā)展，并提供了Lodash所不具備的一些特性，包括lense和transducer。RxJS通過(guò)其管道化運(yùn)算符提供了transducer樣式功能。
Immer使得在JavaScript對(duì)象上操作因無(wú)需對(duì)其進(jìn)行轉(zhuǎn)換而變得更加容易。Redux是一個(gè)狀態(tài)管理工具。
2020年的科技預(yù)覽
在未來(lái)十年，有幾項(xiàng)新興技術(shù)將對(duì)人類(lèi)生活產(chǎn)生巨大影響。以下是這些技術(shù)的最新概況：
人工智能
人工智能可能是有史以來(lái)最具變革性的技術(shù)。許多學(xué)者和自以為是的億萬(wàn)富翁們都將人工智能描述成一個(gè)神奇的烏托邦，或者說(shuō)是人類(lèi)的末日。
正如我們所知，它當(dāng)然可能是人類(lèi)的終結(jié)，但也可能是人類(lèi)和機(jī)器之間完美合作的開(kāi)始。我們才剛剛開(kāi)始對(duì)人工智能可能會(huì)變成什么樣有了粗淺的一瞥。其中有些很?chē)樔耍ū热鏳eep fakes換臉術(shù)），有些則非常有用（比如Adobe Premiere為視頻編輯新推出的自動(dòng)重構(gòu)（auto-reframe）功能）。到目前為止，事實(shí)是人工智能既令人難以置信的可怕，又非常有用。人工智能將繼續(xù)產(chǎn)生一些令人恐懼的東西，但是通過(guò)人工智能改善人類(lèi)生活的潛力也是巨大的。潘多拉的盒子已經(jīng)打開(kāi)，再也無(wú)法關(guān)閉了，所以我希望你能好好利用它來(lái)解決重要問(wèn)題，改善我們的生活。
2019年人工智能領(lǐng)域有許多重要突破。近年來(lái)，研究團(tuán)隊(duì)一直在各種視頻游戲中爭(zhēng)奪超人的表現(xiàn)，但某些類(lèi)別的游戲仍然對(duì)人工智能構(gòu)成挑戰(zhàn)，包括《星際爭(zhēng)霸II》之類(lèi)的長(zhǎng)期戰(zhàn)略游戲。DeepMind的AlphaStar程序（一種人工智能）已經(jīng)在官方的Battle.net服務(wù)器上使用與人類(lèi)玩家相同的資源，達(dá)到了頂級(jí)玩家的水平。《星際爭(zhēng)霸》是一款復(fù)雜的游戲，涉及長(zhǎng)期的戰(zhàn)略思維，一度被認(rèn)為超出了人工智能的能力。戰(zhàn)略思維是走向通用人工智能的重要里程碑。
如果這些游戲看起來(lái)像是愚蠢地使用了資源，那么不妨考慮一下，像DeepMind這樣的項(xiàng)目在文本到語(yǔ)音方面也取得了令人難以置信的進(jìn)步，這可以讓人工智能代理和私人助理發(fā)出更自然的聲音，而且更重要的是，可以把聲音還給失去它們的人類(lèi)。
人工智能還被用于診斷癌癥、預(yù)測(cè)蛋白質(zhì)折疊（可用于了解疾病和發(fā)現(xiàn)新藥）、恢復(fù)殘疾人的肢體控制、生成逼真的照片等（資料來(lái)源：https://www.stateof.ai/）。
無(wú)人駕駛汽車(chē)在變革性的人工智能技術(shù)中應(yīng)該有自己的一席之地。這個(gè)生態(tài)系統(tǒng)中的主要參與者包括Cruise、優(yōu)步、Waymo、Nuro、Aurora、福特等。現(xiàn)在它還處于初期，過(guò)分樂(lè)觀已經(jīng)給這個(gè)行業(yè)帶來(lái)了真正的問(wèn)題，但毫無(wú)疑問(wèn)，我們將在21世紀(jì)20年代看到超越人類(lèi)的自動(dòng)駕駛能力。在2015年的時(shí)候，我對(duì)無(wú)人駕駛做出了如下預(yù)測(cè)：
“到2045年，一個(gè)人駕駛的小車(chē)看起來(lái)就像一匹馬拉著的輕便馬車(chē)。”
5年后，我想我可能低估了無(wú)人駕駛汽車(chē)的上市速度。2018年，Waymo汽車(chē)的行駛里程超過(guò)100萬(wàn)英里，美國(guó)24個(gè)城市的公共道路上都有無(wú)人駕駛汽車(chē)在行駛。今天，我預(yù)計(jì)到2025年，來(lái)自多家制造商的多種車(chē)型將實(shí)現(xiàn)5級(jí)完全自動(dòng)駕駛。請(qǐng)關(guān)注特斯拉、通用、福特和寶馬。
在過(guò)去的十年中，人工智能研究論文的發(fā)表量增長(zhǎng)了10倍，現(xiàn)在人工智能正把實(shí)用、有幫助的工具交到主流用戶(hù)手中，預(yù)計(jì)這一趨勢(shì)將持續(xù)到新的十年。
我們已經(jīng)開(kāi)始看到人工智能做了很多幾年前大多數(shù)人都不敢相信的事情。期待人工智能在下一個(gè)十年創(chuàng)造出更加驚人的奇跡。
區(qū)塊鏈和加密貨幣
2019年是區(qū)塊鏈和加密貨幣領(lǐng)域具有里程碑意義的一年。區(qū)塊鏈技術(shù)開(kāi)始進(jìn)入主流。我預(yù)計(jì)2020年會(huì)有更多的增長(zhǎng)和主流采用。
DeFi（去中心化金融）爆炸式增長(zhǎng)，實(shí)現(xiàn)了用戶(hù)友好，無(wú)許可，無(wú)銀行借貸。目前DeFi合同的總金額已經(jīng)有6.5億美元（包括4.5億美元的無(wú)銀行貸款），而2019年只是這項(xiàng)技術(shù)可用的第一年。隨著越來(lái)越多的人投資于加密貨幣，我預(yù)測(cè)未來(lái)會(huì)有更多的加密貨幣支持的DeFi貸款。
人們可以在不犧牲其加密投資機(jī)會(huì)成本的情況下獲得流動(dòng)性，或使用DeFi貸款以杠桿效應(yīng)投資加密貨幣（增加其投資的風(fēng)險(xiǎn)/回報(bào)）。
加密貨幣和區(qū)塊鏈技術(shù)正在突破主流。比特幣和以太坊的每日活躍地址在2018年1月達(dá)到峰值，隨后一年由于市場(chǎng)低迷而興趣減弱（每上漲10倍，加密貨幣的價(jià)格就會(huì)大幅回落，然后在下一個(gè)周期比之前的峰值再高出10倍）。
比特幣和以太坊區(qū)塊鏈上的每日活動(dòng)地址統(tǒng)計(jì)（數(shù)據(jù)來(lái)源：https://coinmetrics.io/charts/#assets=btc,eth_log=false_roll=90_left=AdrActCnt_zoom=1279411200000,1577836800000）
Square的Cash App擁有超過(guò)1000萬(wàn)次的安卓版下載量。用戶(hù)可以在一個(gè)擁有出色用戶(hù)體驗(yàn)的簡(jiǎn)單應(yīng)用程序中購(gòu)買(mǎi)、出售、發(fā)送和接收比特幣。
Coinbase的安卓版下載量超過(guò)1000萬(wàn)次。
Brave推出了內(nèi)置以太坊錢(qián)包，每月活躍用戶(hù)（MAU）的數(shù)量從10月的870萬(wàn)增加到11月底的1040萬(wàn)。
借助Sliver.tv和DLive，2000萬(wàn)視頻游戲迷正在使用Theta網(wǎng)絡(luò)進(jìn)行分散流媒體播放。
2019年我最喜歡的變化是Fortmatic的引入。無(wú)論你是否正在構(gòu)建加密應(yīng)用程序，你都可以使用Fortmatic來(lái)替代你的用戶(hù)身份驗(yàn)證并提高安全性、你還可以擺脫供應(yīng)商鎖定，并添加諸如端到端加密、簽名事務(wù)等功能。
如果你打算在2020年構(gòu)建一個(gè)新的應(yīng)用程序，考慮使用Fortmatic，而不是重復(fù)使用你自己的用戶(hù)名/密碼認(rèn)證（2020年應(yīng)該沒(méi)有人再這么做），或者將身份認(rèn)證授權(quán)給谷歌、Facebook等。
我寫(xiě)過(guò)一篇文章，討論如何利用加密技術(shù)來(lái)改善應(yīng)用程序的身份驗(yàn)證和安全性。我很期待看到主流應(yīng)用在2020年采用像Fortmatic這樣的技術(shù)。
以太坊在2019年輕松贏得了智能合約平臺(tái)競(jìng)賽。我預(yù)計(jì)它將在2020年繼續(xù)占據(jù)主導(dǎo)地位。
擴(kuò)展現(xiàn)實(shí)（XR）
從2015年開(kāi)始，我每年都會(huì)寫(xiě)一篇關(guān)于對(duì)AR（增強(qiáng)現(xiàn)實(shí)）的期許的文章，從小我就一直夢(mèng)想著它的實(shí)現(xiàn)。未來(lái)，擴(kuò)展現(xiàn)實(shí)（XR）將取代手機(jī)。這只是時(shí)間問(wèn)題。但是還需要多久是個(gè)懸而未決的問(wèn)題。但現(xiàn)在看來(lái)這種轉(zhuǎn)變可能在未來(lái)十年內(nèi)出現(xiàn)。甚至可能在未來(lái)5年內(nèi)開(kāi)始。
由于虛擬現(xiàn)實(shí)（VR）和增強(qiáng)現(xiàn)實(shí)（AR）之間的界限已經(jīng)模糊，因此業(yè)界現(xiàn)在將整個(gè)領(lǐng)域稱(chēng)為擴(kuò)展現(xiàn)實(shí)（XR）。自推出以來(lái)，ARKit和ARCore（蘋(píng)果和谷歌的增強(qiáng)現(xiàn)實(shí)SDK）增長(zhǎng)量驚人。從2017年到2019年5月，每月活躍用戶(hù)從4,700萬(wàn)增長(zhǎng)到了1.5億。
WebAR在2019年站穩(wěn)了腳跟，并且有可能在2020年繼續(xù)增長(zhǎng)。如果你好奇的話(huà)，可以查看AR.js、React 360或Viro React。
硬件方面也有了長(zhǎng)足進(jìn)步。HoloLens 1在2016年首次發(fā)布開(kāi)發(fā)者版本時(shí)，售價(jià)約為5,000美元。在那以后發(fā)生了什么？
HoloLens 2仍然只售3,500美元，而且還沒(méi)有為消費(fèi)者做好準(zhǔn)備。剪輯、防抖動(dòng)和漂移、視場(chǎng)等方面仍然存在問(wèn)題，你不會(huì)想整天穿著這些東西。不過(guò)，由于99美元/月的定價(jià)，獲得一個(gè)開(kāi)發(fā)者版本變成了一個(gè)可能性，即使你不得不在等待名單等上一段時(shí)間。
無(wú)人機(jī)
大約200萬(wàn)架無(wú)人機(jī)已經(jīng)在美國(guó)售出，它們已經(jīng)改變了建筑、地理調(diào)查、測(cè)繪、電影、航空攝影、農(nóng)業(yè)、環(huán)境科學(xué)和娛樂(lè)業(yè)。很有可能，商用無(wú)人機(jī)的交付最終將于2020年在美國(guó)實(shí)現(xiàn)。。
FPV無(wú)人機(jī)比賽是我最喜歡的觀賞性體育運(yùn)動(dòng)，無(wú)人機(jī)比賽聯(lián)盟的直播流比賽也是。如果你想了解它是什么樣的，他們也有一個(gè)精心設(shè)計(jì)的模擬器。
所有這些新的無(wú)人機(jī)活動(dòng)都需要很多軟件，包括圖像處理、無(wú)人機(jī)地圖軟件、交付飛行計(jì)劃、遙測(cè)記錄和處理、分析、工業(yè)應(yīng)用集成等。
無(wú)人機(jī)和人工智能也有很多重疊之處。自動(dòng)飛行的無(wú)人機(jī)需要圖像處理、避免碰撞等。
結(jié)論
21世紀(jì)10年代給我們帶來(lái)了許多變革性的技術(shù)，它們當(dāng)中的許多我們已經(jīng)視為理所當(dāng)然，但是產(chǎn)生了巨大影響：
Spotify
優(yōu)步
虛擬助理
無(wú)線(xiàn)耳塞
主流虛擬現(xiàn)實(shí)
增強(qiáng)現(xiàn)實(shí)（如在突破命中游戲“神奇寶貝”中所用）
價(jià)格合理的特斯拉
共享經(jīng)濟(jì)（汽車(chē)、踏板車(chē)、自行車(chē)）
主流平板電腦
主流生物識(shí)別技術(shù)（觸摸識(shí)別、面部識(shí)別）
眾籌
我迫不及待想看到你在新的十年里的發(fā)展。
讓我們變魔術(shù)吧！
原文：https://medium.com/javascript-scene/top-javascript-frameworks-and-topics-to-learn-in-2020-and-the-new-decade-ced6e9d812f9
本文為 CSDN 翻譯，轉(zhuǎn)載請(qǐng)注明來(lái)源出處。
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
