當(dāng)前位置：首頁 > 科技 > 軟件

最受歡迎的前端技術(shù)揭曉，你用過嗎？

來源：責(zé)編：時(shí)間：2024-06-21 17:26:07 247觀看

導(dǎo)讀今天，StateOfJS 公布了一年一度的 JS 現(xiàn)狀調(diào)查結(jié)果，Vite 成為年度最受歡迎、使用量增長最快、使用留存率最高的前端技術(shù)。本文精選并整理了調(diào)查報(bào)告的部分關(guān)鍵信息，分享給大家！先頒個獎Vite 家族霸榜。獎項(xiàng)獲獎?wù)攉@獎?wù)f明

今天，StateOfJS 公布了一年一度的 JS 現(xiàn)狀調(diào)查結(jié)果，Vite 成為年度最受歡迎、使用量增長最快、使用留存率最高的前端技術(shù)。本文精選并整理了調(diào)查報(bào)告的部分關(guān)鍵信息，分享給大家！

先頒個獎

Vite 家族霸榜。

獎項(xiàng)	獲獎?wù)?/strong>	獲獎?wù)f明
最常采用的技術(shù)	Vite	使用量增長最快的工具，使用量同比增長 25%
最高留存率的技術(shù)	Vite	98% 的開發(fā)者愿意再次使用 Vite，第二是 Vitest，為 96%
最感興趣的技術(shù)	Vitest	79% 開發(fā)者對 Vitest 感興趣
最受喜愛的技術(shù)	Vite	88.7% 的開發(fā)者喜歡使用 Vite

新特性

JavaScript 新特性的采用率。

語法特性

特性	使用率	概述
空值合并	80%	提供了一種在變量為`null`或`undefined`時(shí)返回備用值的方式，避免了假值的誤判。
動態(tài)導(dǎo)入	62%	允許在運(yùn)行時(shí)按需加載JavaScript模塊，實(shí)現(xiàn)代碼拆分和懶加載。
私有字段	35%	在類中使用#前綴定義私有字段，只能在類內(nèi)部訪問，增強(qiáng)了封裝性和安全性。
邏輯賦值	31%	通過邏輯賦值運(yùn)算符（如`\|\|=`、`&&=`、`??=`）簡化條件賦值，使代碼更簡潔。
Hashbang 語法	22%	允許在JavaScript文件頂部使用`shebangs`注釋來指定腳本的解釋器或執(zhí)行環(huán)境。
error.cause	16%	`Error`對象的屬性，用于表示導(dǎo)致當(dāng)前錯誤被拋出的具體原因。

字符串特性

特性	使用率	概述
string.replaceAll()	73%	替換字符串中所有匹配的子串。
string.matchAll()	44%	返回所有正則表達(dá)式匹配項(xiàng)的迭代器。
Regexp 匹配索引	22%	提供正則表達(dá)式匹配在字符串中的位置索引。

數(shù)組特性

特性	使用率	概述
array.findLast()	30%	從數(shù)組末尾開始查找，返回滿足提供的測試函數(shù)的第一個元素的值。
array.toSorted()	30%	對數(shù)組進(jìn)行排序，但不會改變原數(shù)組，返回一個新的排序后的數(shù)組副本。
array.toReversed()	26%	將數(shù)組的元素順序顛倒，但不會改變原數(shù)組，而是返回一個新的顛倒順序的數(shù)組副本。
array.toSpliced()	16%	從數(shù)組中刪除或添加元素，但不會改變原數(shù)組，而是返回一個新的經(jīng)過修改的數(shù)組副本。
array.with()	11%	用于替換數(shù)組中特定索引處的元素，但不會改變原數(shù)組，而是返回一個新的數(shù)組副本。

異步特性

特性	使用率	概述
頂層await	74%	允許在JavaScript模塊的頂層直接使用await關(guān)鍵字，
Promise.any()	43%	返回一個新的Promise，它在輸入的Promise集合中第一個成功解決的Promise解決時(shí)解決，如果所有Promise都失敗，則拋出包含所有失敗原因的`AggregateError`。
Promise.allSettled()	43%	等待一個Promise集合中的所有Promise完成（無論成功或失敗），然后返回一個包含每個Promise結(jié)果狀態(tài)的對象數(shù)組。

瀏覽器API

特性	使用率	概述
WebSocket	61%	在單個TCP連接上進(jìn)行全雙工通信的協(xié)議，允許服務(wù)端和客戶端之間進(jìn)行實(shí)時(shí)、雙向的數(shù)據(jù)交換。
Progressive Web App (PWA)	48%	一種使用Web技術(shù)構(gòu)建的應(yīng)用，提供類似原生應(yīng)用的體驗(yàn)，包括離線工作能力、快速加載和推送通知等。
Geolocation API	33%	允許應(yīng)用根據(jù)用戶的地理位置獲取經(jīng)度和緯度信息，常用于地圖服務(wù)和基于位置的服務(wù)。
WebGL	18%	用于在不使用插件的情況下，在任何兼容的Web瀏覽器中渲染交互式3D和2D圖形。
Web Animations	18%	提供一種方式來創(chuàng)建復(fù)雜的動畫效果，允許開發(fā)者控制CSS屬性隨時(shí)間變化。
WebAssembly (WASM)	18%	用于在Web上以接近原生性能運(yùn)行編譯代碼的二進(jìn)制指令格式。
Page Visibility API	16%	允許應(yīng)用檢測頁面是否處于活動狀態(tài)，從而可以暫停或恢復(fù)資源密集型操作，以節(jié)省電池和數(shù)據(jù)。
WebRTC	16%	一種支持在瀏覽器之間進(jìn)行實(shí)時(shí)通信的技術(shù)，包括音視頻通話和數(shù)據(jù)共享。
Web Speech API	9%	提供語音識別和文本到語音功能的API，允許Web應(yīng)用程序集成語音輸入和輸出。
Broadcast Channel API	9%	允許在相同域名下的多個瀏覽器上下文中進(jìn)行異步消息傳遞。
Temporal	6%	提供一組API，用于簡化日期和時(shí)間的操作，包括創(chuàng)建、解析、格式化和操作日期時(shí)間值。
WebXR Device API	2%	允許應(yīng)用訪問虛擬現(xiàn)實(shí)（VR）和增強(qiáng)現(xiàn)實(shí)（AR）設(shè)備，提供沉浸式體驗(yàn)，無需依賴特定的平臺或應(yīng)用商店。

JS庫

前端框架使用率

React 和 Vue 的使用率都在每年穩(wěn)步增長。

圖片

前端元框架使用率

Next.js 的使用率快速增長，在元框架中遙遙領(lǐng)先，目前其 npm 下載量已超過 Vue，位居下載量第二，僅次于 React。

圖片

測試工具使用率

Jest 仍然是使用最多的前端測試框架，值的一提的是， Vitest 的使用率正在快速增長。

圖片

移動端/桌面端工具使用率

各個工具的使用率差距正在不斷減小，值得一提的是，Tauri 正在異軍突起。

圖片

構(gòu)建工具使用率

Webpack 仍然是使用最多的構(gòu)建工具，同時(shí)，Vite 的使用率正在以驚人的速度增長。

圖片

Monorepos 工具使用率

pnpm 作為Monorepos 工具的使用率正在快速增長。

圖片

本文鏈接：http://www.www897cc.com/showinfo-26-95560-0.html最受歡迎的前端技術(shù)揭曉，你用過嗎？

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com

上一篇：如何設(shè)計(jì)一個秒殺系統(tǒng)，你學(xué)會了嗎？

下一篇：深入解析掉單問題及其技術(shù)解決方案

標(biāo)簽：

熱門焦點(diǎn)

女孩租房開2小時(shí)空調(diào)用完100元電費(fèi)引熱議：5級能耗惹不起月薪過萬電費(fèi)也交不起

近日，江蘇蘇州一女孩租房當(dāng)天充值了100元電費(fèi)，開著空調(diào)不到2小時(shí)發(fā)現(xiàn)電費(fèi)已用完。對于為什么這個快，房東表示，電表壞了這種情況很多，之前也遇到過，給租客換
跑分安卓第一！Redmi K60至尊版8月發(fā)布！盧偉冰：目標(biāo)年度性能之王

8月5日消息，Redmi K60至尊版將于8月發(fā)布，在此前舉行的戰(zhàn)略發(fā)布會上，官方該機(jī)將搭載搭載天璣9200+處理器，安兔兔V10跑分超177萬分，是目前安卓陣營最高的分?jǐn)?shù)
量化指標(biāo)是與非：挽救被量化指標(biāo)扼殺的技術(shù)團(tuán)隊(duì)

作者 | 劉新翠整理 | 徐杰承本文整理自快狗打車技術(shù)總監(jiān)劉新翠在WOT2023大會上的主題分享，更多精彩內(nèi)容及現(xiàn)場PPT，請關(guān)注51CTO技術(shù)棧公眾號，發(fā)消息【W(wǎng)OT2023PPT】即可直接領(lǐng)取
之家push系統(tǒng)迭代之路

前言在這個信息爆炸的互聯(lián)網(wǎng)時(shí)代，能夠及時(shí)準(zhǔn)確獲取信息是當(dāng)今社會要解決的關(guān)鍵問題之一。隨著之家用戶體量和內(nèi)容規(guī)模的不斷增大，傳統(tǒng)的靠"主動拉"獲取信息的方式已不能滿足用
微信語音大揭秘：為什么禁止轉(zhuǎn)發(fā)？

大家好，我是你們的小米。今天，我要和大家聊一個有趣的話題：為什么微信語音不可以轉(zhuǎn)發(fā)？這是一個我們經(jīng)常在日常使用中遇到的問題，也是一個讓很多人好奇的問題。讓我們一起來揭開這
深度探索 Elasticsearch 8.X：function_score 參數(shù)解讀與實(shí)戰(zhàn)案例分析

在 Elasticsearch 中，function_score 可以讓我們在查詢的同時(shí)對搜索結(jié)果進(jìn)行自定義評分。function_score 提供了一系列的參數(shù)和函數(shù)讓我們可以根據(jù)需求靈活地進(jìn)行設(shè)置。近期
微軟邀請 Microsoft 365 商業(yè)用戶，測試視頻編輯器 Clipchamp

8 月 1 日消息，微軟近日宣布即將面向 Microsoft 365 商業(yè)用戶，開放 Clipchamp 應(yīng)用，邀請用戶通過該應(yīng)用來編輯視頻。微軟于 2021 年收購 Clipchamp，隨后開始逐步整合到 Microsof
OPPO K11評測：旗艦級IMX890加持 2000元檔最強(qiáng)影像手機(jī)

【Techweb評測】中端機(jī)型用戶群體巨大，占了中國目前手機(jī)市場的大頭，一直以來都是各手機(jī)品牌的“必爭之地”，其中OPPO K系列機(jī)型一直以來都以高品質(zhì)、
DRAM存儲器10月價(jià)格下跌，NAND閃存本月價(jià)格與上月持平

10月30日，據(jù)韓國媒體消息，自今年年初以來一直在上漲的 DRAM 存儲器的交易價(jià)格僅在本月就下跌了近 10％，此次是全年首次降價(jià)，而NAND 閃存本月價(jià)格與上月持平。市

日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

最受歡迎的前端技術(shù)揭曉，你用過嗎？

先頒個獎

新特性

語法特性

字符串特性

數(shù)組特性

異步特性

瀏覽器API

JS庫

前端框架使用率

前端元框架使用率

測試工具使用率

移動端/桌面端工具使用率

構(gòu)建工具使用率

Monorepos 工具使用率

女孩租房開2小時(shí)空調(diào)用完100元電費(fèi)引熱議：5級能耗惹不起月薪過萬電費(fèi)也交不起

跑分安卓第一！Redmi K60至尊版8月發(fā)布！盧偉冰：目標(biāo)年度性能之王

量化指標(biāo)是與非：挽救被量化指標(biāo)扼殺的技術(shù)團(tuán)隊(duì)

之家push系統(tǒng)迭代之路

微信語音大揭秘：為什么禁止轉(zhuǎn)發(fā)？

深度探索 Elasticsearch 8.X：function_score 參數(shù)解讀與實(shí)戰(zhàn)案例分析

微軟邀請 Microsoft 365 商業(yè)用戶，測試視頻編輯器 Clipchamp

OPPO K11評測：旗艦級IMX890加持 2000元檔最強(qiáng)影像手機(jī)

DRAM存儲器10月價(jià)格下跌，NAND閃存本月價(jià)格與上月持平

最新推薦

猜你喜歡

熱門推薦

相關(guān)資訊