今天，StateOfJS 公布了一年一度的 JS 現狀調查結果，Vite 成為年度最受歡迎、使用量增長最快、使用留存率最高的前端技術。本文精選并整理了調查報告的部分關鍵信息，分享給大家！FWl28資訊網——每日最新資訊28at.com
先頒個獎
Vite 家族霸榜。FWl28資訊網——每日最新資訊28at.com
獎項FWl28資訊網——每日最新資訊28at.com | 獲獎者FWl28資訊網——每日最新資訊28at.com | 獲獎說明FWl28資訊網——每日最新資訊28at.com |
最常采用的技術FWl28資訊網——每日最新資訊28at.com | ViteFWl28資訊網——每日最新資訊28at.com
FWl28資訊網——每日最新資訊28at.com
| 使用量增長最快的工具，使用量同比增長 25%FWl28資訊網——每日最新資訊28at.com |
最高留存率的技術FWl28資訊網——每日最新資訊28at.com | ViteFWl28資訊網——每日最新資訊28at.com | 98% 的開發者愿意再次使用 Vite，第二是 Vitest，為 96%FWl28資訊網——每日最新資訊28at.com |
最感興趣的技術FWl28資訊網——每日最新資訊28at.com | VitestFWl28資訊網——每日最新資訊28at.com | 79% 開發者對 Vitest 感興趣FWl28資訊網——每日最新資訊28at.com |
最受喜愛的技術FWl28資訊網——每日最新資訊28at.com | Vite FWl28資訊網——每日最新資訊28at.com | 88.7% 的開發者喜歡使用 ViteFWl28資訊網——每日最新資訊28at.com |
新特性
JavaScript 新特性的采用率。FWl28資訊網——每日最新資訊28at.com
語法特性
特性FWl28資訊網——每日最新資訊28at.com | 使用率FWl28資訊網——每日最新資訊28at.com | 概述FWl28資訊網——每日最新資訊28at.com |
空值合并FWl28資訊網——每日最新資訊28at.com | 80%FWl28資訊網——每日最新資訊28at.com | 提供了一種在變量為null或undefined時返回備用值的方式，避免了假值的誤判。FWl28資訊網——每日最新資訊28at.com |
動態導入FWl28資訊網——每日最新資訊28at.com | 62%FWl28資訊網——每日最新資訊28at.com | 允許在運行時按需加載JavaScript模塊，實現代碼拆分和懶加載。FWl28資訊網——每日最新資訊28at.com |
私有字段FWl28資訊網——每日最新資訊28at.com | 35%FWl28資訊網——每日最新資訊28at.com | 在類中使用#前綴定義私有字段，只能在類內部訪問，增強了封裝性和安全性。FWl28資訊網——每日最新資訊28at.com |
邏輯賦值FWl28資訊網——每日最新資訊28at.com | 31%FWl28資訊網——每日最新資訊28at.com | 通過邏輯賦值運算符（如||=、&&=、??=）簡化條件賦值，使代碼更簡潔。FWl28資訊網——每日最新資訊28at.com |
Hashbang 語法FWl28資訊網——每日最新資訊28at.com | 22%FWl28資訊網——每日最新資訊28at.com | 允許在JavaScript文件頂部使用shebangs注釋來指定腳本的解釋器或執行環境。FWl28資訊網——每日最新資訊28at.com |
error.causeFWl28資訊網——每日最新資訊28at.com | 16%FWl28資訊網——每日最新資訊28at.com | Error對象的屬性，用于表示導致當前錯誤被拋出的具體原因。FWl28資訊網——每日最新資訊28at.com
|
字符串特性
特性FWl28資訊網——每日最新資訊28at.com | 使用率FWl28資訊網——每日最新資訊28at.com | 概述FWl28資訊網——每日最新資訊28at.com |
string.replaceAll()FWl28資訊網——每日最新資訊28at.com | 73%FWl28資訊網——每日最新資訊28at.com | 替換字符串中所有匹配的子串。FWl28資訊網——每日最新資訊28at.com |
string.matchAll()FWl28資訊網——每日最新資訊28at.com | 44%FWl28資訊網——每日最新資訊28at.com | 返回所有正則表達式匹配項的迭代器。FWl28資訊網——每日最新資訊28at.com |
Regexp 匹配索引FWl28資訊網——每日最新資訊28at.com | 22%FWl28資訊網——每日最新資訊28at.com | 提供正則表達式匹配在字符串中的位置索引。FWl28資訊網——每日最新資訊28at.com |
數組特性
特性FWl28資訊網——每日最新資訊28at.com | 使用率FWl28資訊網——每日最新資訊28at.com | 概述FWl28資訊網——每日最新資訊28at.com |
array.findLast()FWl28資訊網——每日最新資訊28at.com | 30%FWl28資訊網——每日最新資訊28at.com | 從數組末尾開始查找，返回滿足提供的測試函數的第一個元素的值。FWl28資訊網——每日最新資訊28at.com |
array.toSorted()FWl28資訊網——每日最新資訊28at.com | 30%FWl28資訊網——每日最新資訊28at.com | 對數組進行排序，但不會改變原數組，返回一個新的排序后的數組副本。FWl28資訊網——每日最新資訊28at.com |
array.toReversed()FWl28資訊網——每日最新資訊28at.com | 26%FWl28資訊網——每日最新資訊28at.com | 將數組的元素順序顛倒，但不會改變原數組，而是返回一個新的顛倒順序的數組副本。FWl28資訊網——每日最新資訊28at.com |
array.toSpliced()FWl28資訊網——每日最新資訊28at.com | 16%FWl28資訊網——每日最新資訊28at.com | 從數組中刪除或添加元素，但不會改變原數組，而是返回一個新的經過修改的數組副本。FWl28資訊網——每日最新資訊28at.com |
array.with()FWl28資訊網——每日最新資訊28at.com | 11%FWl28資訊網——每日最新資訊28at.com | 用于替換數組中特定索引處的元素，但不會改變原數組，而是返回一個新的數組副本。FWl28資訊網——每日最新資訊28at.com |
異步特性
特性FWl28資訊網——每日最新資訊28at.com | 使用率FWl28資訊網——每日最新資訊28at.com | 概述FWl28資訊網——每日最新資訊28at.com |
頂層awaitFWl28資訊網——每日最新資訊28at.com | 74%FWl28資訊網——每日最新資訊28at.com | 允許在JavaScript模塊的頂層直接使用await關鍵字，FWl28資訊網——每日最新資訊28at.com |
Promise.any()FWl28資訊網——每日最新資訊28at.com | 43%FWl28資訊網——每日最新資訊28at.com | 返回一個新的Promise，它在輸入的Promise集合中第一個成功解決的Promise解決時解決，如果所有Promise都失敗，則拋出包含所有失敗原因的AggregateError。FWl28資訊網——每日最新資訊28at.com |
Promise.allSettled()FWl28資訊網——每日最新資訊28at.com | 43%FWl28資訊網——每日最新資訊28at.com | 等待一個Promise集合中的所有Promise完成（無論成功或失敗），然后返回一個包含每個Promise結果狀態的對象數組。FWl28資訊網——每日最新資訊28at.com |
瀏覽器API
特性FWl28資訊網——每日最新資訊28at.com | 使用率FWl28資訊網——每日最新資訊28at.com | 概述FWl28資訊網——每日最新資訊28at.com |
WebSocketFWl28資訊網——每日最新資訊28at.com | 61%FWl28資訊網——每日最新資訊28at.com | 在單個TCP連接上進行全雙工通信的協議，允許服務端和客戶端之間進行實時、雙向的數據交換。FWl28資訊網——每日最新資訊28at.com |
Progressive Web App (PWA)FWl28資訊網——每日最新資訊28at.com | 48%FWl28資訊網——每日最新資訊28at.com | 一種使用Web技術構建的應用，提供類似原生應用的體驗，包括離線工作能力、快速加載和推送通知等。FWl28資訊網——每日最新資訊28at.com |
Geolocation APIFWl28資訊網——每日最新資訊28at.com | 33%FWl28資訊網——每日最新資訊28at.com | 允許應用根據用戶的地理位置獲取經度和緯度信息，常用于地圖服務和基于位置的服務。FWl28資訊網——每日最新資訊28at.com |
WebGLFWl28資訊網——每日最新資訊28at.com | 18%FWl28資訊網——每日最新資訊28at.com | 用于在不使用插件的情況下，在任何兼容的Web瀏覽器中渲染交互式3D和2D圖形。FWl28資訊網——每日最新資訊28at.com |
Web AnimationsFWl28資訊網——每日最新資訊28at.com | 18%FWl28資訊網——每日最新資訊28at.com | 提供一種方式來創建復雜的動畫效果，允許開發者控制CSS屬性隨時間變化。FWl28資訊網——每日最新資訊28at.com |
WebAssembly (WASM)FWl28資訊網——每日最新資訊28at.com | 18%FWl28資訊網——每日最新資訊28at.com | 用于在Web上以接近原生性能運行編譯代碼的二進制指令格式。FWl28資訊網——每日最新資訊28at.com |
Page Visibility APIFWl28資訊網——每日最新資訊28at.com | 16%FWl28資訊網——每日最新資訊28at.com | 允許應用檢測頁面是否處于活動狀態，從而可以暫停或恢復資源密集型操作，以節省電池和數據。FWl28資訊網——每日最新資訊28at.com |
WebRTCFWl28資訊網——每日最新資訊28at.com | 16%FWl28資訊網——每日最新資訊28at.com | 一種支持在瀏覽器之間進行實時通信的技術，包括音視頻通話和數據共享。FWl28資訊網——每日最新資訊28at.com |
Web Speech APIFWl28資訊網——每日最新資訊28at.com | 9%FWl28資訊網——每日最新資訊28at.com | 提供語音識別和文本到語音功能的API，允許Web應用程序集成語音輸入和輸出。FWl28資訊網——每日最新資訊28at.com |
Broadcast Channel APIFWl28資訊網——每日最新資訊28at.com | 9%FWl28資訊網——每日最新資訊28at.com | 允許在相同域名下的多個瀏覽器上下文中進行異步消息傳遞。FWl28資訊網——每日最新資訊28at.com |
TemporalFWl28資訊網——每日最新資訊28at.com | 6%FWl28資訊網——每日最新資訊28at.com | 提供一組API，用于簡化日期和時間的操作，包括創建、解析、格式化和操作日期時間值。FWl28資訊網——每日最新資訊28at.com |
WebXR Device APIFWl28資訊網——每日最新資訊28at.com | 2%FWl28資訊網——每日最新資訊28at.com | 允許應用訪問虛擬現實（VR）和增強現實（AR）設備，提供沉浸式體驗，無需依賴特定的平臺或應用商店。FWl28資訊網——每日最新資訊28at.com |
JS庫
前端框架使用率
React 和 Vue 的使用率都在每年穩步增長。FWl28資訊網——每日最新資訊28at.com
圖片FWl28資訊網——每日最新資訊28at.com
前端元框架使用率
Next.js 的使用率快速增長，在元框架中遙遙領先，目前其 npm 下載量已超過 Vue，位居下載量第二，僅次于 React。FWl28資訊網——每日最新資訊28at.com
圖片FWl28資訊網——每日最新資訊28at.com
測試工具使用率
Jest 仍然是使用最多的前端測試框架，值的一提的是， Vitest 的使用率正在快速增長。FWl28資訊網——每日最新資訊28at.com
圖片FWl28資訊網——每日最新資訊28at.com
移動端/桌面端工具使用率
各個工具的使用率差距正在不斷減小，值得一提的是，Tauri 正在異軍突起。FWl28資訊網——每日最新資訊28at.com
圖片FWl28資訊網——每日最新資訊28at.com
構建工具使用率
Webpack 仍然是使用最多的構建工具，同時，Vite 的使用率正在以驚人的速度增長。FWl28資訊網——每日最新資訊28at.com
圖片FWl28資訊網——每日最新資訊28at.com
Monorepos 工具使用率
pnpm 作為Monorepos 工具的使用率正在快速增長。FWl28資訊網——每日最新資訊28at.com
圖片FWl28資訊網——每日最新資訊28at.com
本文鏈接：http://www.tebozhan.com/showinfo-26-95560-0.html最受歡迎的前端技術揭曉，你用過嗎？
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
上一篇： 如何設計一個秒殺系統，你學會了嗎？
下一篇： 深入解析掉單問題及其技術解決方案
標簽：
津公網安備 12010102000574號