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