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