2022 年最權威的前端行業(yè)調查

大家好，我是 桃翁

今天我們來看看 2022 年最權威的前端行業(yè)調查，調查結果來自于全球 125 個國家的 3700 位開發(fā)者。

開發(fā)者和工作

現(xiàn)在在哪里辦公？

遠程辦公絕對稱得上是開發(fā)行業(yè)最大的變化了，過去一年一直在遠程辦公的受訪者居然高達 59%（可能跟海外的受訪者占比較高有關，據(jù)我了解國內沒有這么多），只有 5% 的受訪者表示只在辦公室辦公。

相信大部分前端同學還是更喜歡遠程辦公的，沒有通勤的壓力，也更自由。

做前端多久了？

相對其他行業(yè)來說，前端還是個年輕的行業(yè)。

現(xiàn)在的職級？

中高級的前端工程師占比超過了 50%。

在受訪者的調查里還有個有意思的事情，很多非職業(yè)前端工程師也開始寫前端了，包括 學生、產品經理、設計師 ...

公司有多大？

在大公司里打工的前端還是挺多的，各有利弊吧，你更喜歡在大公司當螺絲釘還是在小公司獨當一面呢？

框架

使用過也很喜歡的框架

大多數(shù)的前端還是喜歡組件式驅動的開發(fā)方式，所以 React、Vue、Svelte 甚至 Web Component 這些框架都越來越受歡迎了。

未來更想學習哪些框架？

ESR（Edge Side Rendering，邊緣渲染）是最近的一大熱門趨勢，可以直接在 CDN 級別實現(xiàn)按需渲染。Nuxt 3、Remix 以及 Sveltekit 等框架都在朝著這個方向發(fā)展，目測會在未來的一到兩年會成為一大焦點。

庫

使用過也很喜歡的庫

Axios 還是挺成功的，它穩(wěn)定支持前端請求已經有很長時間了，它現(xiàn)在更像一個標準，而不是一個趨勢。

使用過但是不喜歡的庫

Redux 占據(jù)了榜首，我也覺得它是 React 狀態(tài)管理里面最難用的，學習門檻高，而且會寫出大量的模版代碼。

另外，大家在日期管理方面，似乎正在從 moment 切到 Date-FNS，這是個好兆頭！但是令人震驚的是還有大概 40% 的人在用 moment ，這個庫已經停止維護了呀 ...

未來最想學習的庫

GraphQL 生態(tài)正在逐漸走向繁榮，40% 的前端同學希望在未來學習 Apollo。

組件庫/設計系統(tǒng)

果然組件庫還是最卷的，30% 的前端同學希望自己設計組件庫 ...

Typescript

在過去一年中有用過 Typescript 嗎？

Typescript 的發(fā)展突飛猛進！在過去一年有 84% 的受訪者表示用過 Typescript！

還有個更有意思的事情，過去一年里沒接觸過 Typescript 的人更多在非科技公司或政府工作。

Typescript 的未來

有 43% 的受訪者表示，TypeScript 將超越 Javascript 成為新的前端標準，最近這一點也越來越明顯了，以原生 TypeScript 編寫的庫明顯增加，并且大多數(shù)新的開發(fā)工具都提供了開箱即用的 TypeScript 支持。

不過，就在今年 3 月份，微軟宣布了在 Javascript 中引入 TypeScript 的類型語法的提案，引起了前端社區(qū)的劇烈討論。這項投票的第三條（ JavaScript 會變成 Typescript 之類的東西）似乎有有了那么些可能了。

微前端

過去一年內有沒有用過微前端？

如今，微前端已逐步被各種公司所接受。其中，Netflix、PayPal 和 Amex 等大型科技公司已經在他們的一些系統(tǒng)中實施了這種架構。不過去年使用過微前端的開發(fā)者仍占少數(shù)，只有 24%。

微前端常用的解決方案

瀏覽器技術

過去一年用過的瀏覽器技術

有 42% 的開發(fā)者使用過 WebSockets，這個結果還是讓我比較驚訝的，真的有這么多實際的開發(fā)需求里用到長鏈接嗎？

代碼管理

最喜歡的桌面編輯器

在前端開發(fā)方面，Visual Studio Code 還是編輯器的王者，尤其是它的擴展系統(tǒng)，讓 WebStorm 之類的其他編輯器都稍顯遜色。

在線代碼編輯

CodeSandbox 多年來都在在線代碼編輯上占據(jù)霸者地位。但是 StackBlitz 最近做出的一些改變也非常棒，尤其是引入了 Web Containers，讓我們可以在瀏覽器環(huán)境運行 Node.js。

在線代碼編輯應該在后續(xù)還會得到很大的提升，尤其是現(xiàn)在遠程辦公這么盛行，在線代碼編輯是一個降低成本很好的方法。你不用再去花大價錢去買一些高端配置的電腦，CodeSandbox 或 StackBlitz 在幾分鐘之內就可以幫你配好開發(fā)環(huán)境。

最喜歡的版本控制提供商

對于版本控制，毫無疑問 GitHub 還是最多人的選擇，近年來推出的 GitHub Action、CodeSpaces、VS Code Online、新的 GitHub 代碼搜索等都是非常好用的功能，是開源愛好者的最佳選擇。而 Gitlab 和 Bitbucket 的優(yōu)勢在于它們?yōu)槠髽I(yè)提供的私有部署能力。

測試

誰在負責團隊中的測試？

看 2022 和 2020 年的對比，開發(fā)者參與測試要比 QA 測試占比要多了，這是啥情況～

你寫過什么樣的測試？

過去一年中用過的測試工具？

良好的實踐

對程序進行過哪方面的優(yōu)化？

響應式和用戶體驗是前端開發(fā)者最關注的優(yōu)化點。

在你的前端項目中有哪些良好的實踐？

Code Review 應該是保障項目質量最基礎的一項工作，團隊人員越多，Code Review 帶來的價值越大，不僅可以發(fā)現(xiàn)問題，還可以讓團隊成員學到一些經驗。

CI/CD 應該也很普遍才對，看到還有四分之一的開發(fā)者沒用這個很奇怪。

多久處理一次 SEO？

只有 10% 的前端開發(fā)者會經常關注 SEO，這個也比較正常，因為一些看板和后臺關系系統(tǒng)是不用關注這些的。

但是，其實我們在提升程序的響應式、用戶體驗、性能時也不經意間提升了 SEO。

多久處理一次可訪問性？

比關注 SEO 的開發(fā)者要多一點，但是依然很少！可能很多小伙伴還不知道可訪問性是啥：

可訪問性是一種讓盡可能多的用戶可以使用你的網站的做法。傳統(tǒng)上我們認為這只與殘疾人士有關，但提升網站的可訪問性也可以讓其他用戶群體受益。比如使用移動設備的人群，那些使用低速網絡連接的人群。你也可以把可訪問性看成是同等地對待每一個人，給他們平等的機會，無論他們的能力或所處的環(huán)境如何。就像不能讓坐輪椅的人可以進入大樓是錯誤的(現(xiàn)代公共建筑通常有輪椅坡道或電梯)；不能讓視覺有障礙的人士可以瀏覽我們的網站同樣不正確。我們都是不同的，但我們都是人，因此享有同等的人權。

雖然可訪問性不像響應式、用戶體驗、性能那么重要，但是它現(xiàn)在似乎成了一種“政治正確”（尤其是在國外）有些公司甚至出臺了相關的法律來要求網站必須進行可訪問性的優(yōu)化。

多久處理一次響應式問題？

多久關注一次程序性能？

多久關注一次用戶體驗？

這三項沒啥好說的，是大多數(shù)前端喜歡關注的方面。

前端的未來

你覺得未來哪些方案會更受歡迎？哪些方案會消失？

前端似乎進入了一個更加穩(wěn)定的階段，你認為呢？

閱讀完整報告：https://tsh.io/state-of-frontend/

如果你有任何想法，歡迎在留言區(qū)和我留言，如果這篇文章幫助到了你，歡迎點贊和關注。

點贊和在看是最大的支持??????