今天,StateOfJS 公布了一年一度的 JS 现状调查结果,Vite 成为年度最受欢迎、使用量增长最快、使用留存率最高的前端技术。本文精选并整理了调查报告的部分关键信息,分享给大家!X6j28资讯网——每日最新资讯28at.com
先颁个奖
Vite 家族霸榜。X6j28资讯网——每日最新资讯28at.com
奖项X6j28资讯网——每日最新资讯28at.com | 获奖者X6j28资讯网——每日最新资讯28at.com | 获奖说明X6j28资讯网——每日最新资讯28at.com |
最常采用的技术X6j28资讯网——每日最新资讯28at.com | ViteX6j28资讯网——每日最新资讯28at.com X6j28资讯网——每日最新资讯28at.com
| 使用量增长最快的工具,使用量同比增长 25%X6j28资讯网——每日最新资讯28at.com |
最高留存率的技术X6j28资讯网——每日最新资讯28at.com | ViteX6j28资讯网——每日最新资讯28at.com | 98% 的开发者愿意再次使用 Vite,第二是 Vitest,为 96%X6j28资讯网——每日最新资讯28at.com |
最感兴趣的技术X6j28资讯网——每日最新资讯28at.com | VitestX6j28资讯网——每日最新资讯28at.com | 79% 开发者对 Vitest 感兴趣X6j28资讯网——每日最新资讯28at.com |
最受喜爱的技术X6j28资讯网——每日最新资讯28at.com | Vite X6j28资讯网——每日最新资讯28at.com | 88.7% 的开发者喜欢使用 ViteX6j28资讯网——每日最新资讯28at.com |
新特性
JavaScript 新特性的采用率。X6j28资讯网——每日最新资讯28at.com
语法特性
特性X6j28资讯网——每日最新资讯28at.com | 使用率X6j28资讯网——每日最新资讯28at.com | 概述X6j28资讯网——每日最新资讯28at.com |
空值合并X6j28资讯网——每日最新资讯28at.com | 80%X6j28资讯网——每日最新资讯28at.com | 提供了一种在变量为null或undefined时返回备用值的方式,避免了假值的误判。X6j28资讯网——每日最新资讯28at.com |
动态导入X6j28资讯网——每日最新资讯28at.com | 62%X6j28资讯网——每日最新资讯28at.com | 允许在运行时按需加载JavaScript模块,实现代码拆分和懒加载。X6j28资讯网——每日最新资讯28at.com |
私有字段X6j28资讯网——每日最新资讯28at.com | 35%X6j28资讯网——每日最新资讯28at.com | 在类中使用#前缀定义私有字段,只能在类内部访问,增强了封装性和安全性。X6j28资讯网——每日最新资讯28at.com |
逻辑赋值X6j28资讯网——每日最新资讯28at.com | 31%X6j28资讯网——每日最新资讯28at.com | 通过逻辑赋值运算符(如||=、&&=、??=)简化条件赋值,使代码更简洁。X6j28资讯网——每日最新资讯28at.com |
Hashbang 语法X6j28资讯网——每日最新资讯28at.com | 22%X6j28资讯网——每日最新资讯28at.com | 允许在JavaScript文件顶部使用shebangs注释来指定脚本的解释器或执行环境。X6j28资讯网——每日最新资讯28at.com |
error.causeX6j28资讯网——每日最新资讯28at.com | 16%X6j28资讯网——每日最新资讯28at.com | Error对象的属性,用于表示导致当前错误被抛出的具体原因。X6j28资讯网——每日最新资讯28at.com
|
字符串特性
特性X6j28资讯网——每日最新资讯28at.com | 使用率X6j28资讯网——每日最新资讯28at.com | 概述X6j28资讯网——每日最新资讯28at.com |
string.replaceAll()X6j28资讯网——每日最新资讯28at.com | 73%X6j28资讯网——每日最新资讯28at.com | 替换字符串中所有匹配的子串。X6j28资讯网——每日最新资讯28at.com |
string.matchAll()X6j28资讯网——每日最新资讯28at.com | 44%X6j28资讯网——每日最新资讯28at.com | 返回所有正则表达式匹配项的迭代器。X6j28资讯网——每日最新资讯28at.com |
Regexp 匹配索引X6j28资讯网——每日最新资讯28at.com | 22%X6j28资讯网——每日最新资讯28at.com | 提供正则表达式匹配在字符串中的位置索引。X6j28资讯网——每日最新资讯28at.com |
数组特性
特性X6j28资讯网——每日最新资讯28at.com | 使用率X6j28资讯网——每日最新资讯28at.com | 概述X6j28资讯网——每日最新资讯28at.com |
array.findLast()X6j28资讯网——每日最新资讯28at.com | 30%X6j28资讯网——每日最新资讯28at.com | 从数组末尾开始查找,返回满足提供的测试函数的第一个元素的值。X6j28资讯网——每日最新资讯28at.com |
array.toSorted()X6j28资讯网——每日最新资讯28at.com | 30%X6j28资讯网——每日最新资讯28at.com | 对数组进行排序,但不会改变原数组,返回一个新的排序后的数组副本。X6j28资讯网——每日最新资讯28at.com |
array.toReversed()X6j28资讯网——每日最新资讯28at.com | 26%X6j28资讯网——每日最新资讯28at.com | 将数组的元素顺序颠倒,但不会改变原数组,而是返回一个新的颠倒顺序的数组副本。X6j28资讯网——每日最新资讯28at.com |
array.toSpliced()X6j28资讯网——每日最新资讯28at.com | 16%X6j28资讯网——每日最新资讯28at.com | 从数组中删除或添加元素,但不会改变原数组,而是返回一个新的经过修改的数组副本。X6j28资讯网——每日最新资讯28at.com |
array.with()X6j28资讯网——每日最新资讯28at.com | 11%X6j28资讯网——每日最新资讯28at.com | 用于替换数组中特定索引处的元素,但不会改变原数组,而是返回一个新的数组副本。X6j28资讯网——每日最新资讯28at.com |
异步特性
特性X6j28资讯网——每日最新资讯28at.com | 使用率X6j28资讯网——每日最新资讯28at.com | 概述X6j28资讯网——每日最新资讯28at.com |
顶层awaitX6j28资讯网——每日最新资讯28at.com | 74%X6j28资讯网——每日最新资讯28at.com | 允许在JavaScript模块的顶层直接使用await关键字,X6j28资讯网——每日最新资讯28at.com |
Promise.any()X6j28资讯网——每日最新资讯28at.com | 43%X6j28资讯网——每日最新资讯28at.com | 返回一个新的Promise,它在输入的Promise集合中第一个成功解决的Promise解决时解决,如果所有Promise都失败,则抛出包含所有失败原因的AggregateError。X6j28资讯网——每日最新资讯28at.com |
Promise.allSettled()X6j28资讯网——每日最新资讯28at.com | 43%X6j28资讯网——每日最新资讯28at.com | 等待一个Promise集合中的所有Promise完成(无论成功或失败),然后返回一个包含每个Promise结果状态的对象数组。X6j28资讯网——每日最新资讯28at.com |
浏览器API
特性X6j28资讯网——每日最新资讯28at.com | 使用率X6j28资讯网——每日最新资讯28at.com | 概述X6j28资讯网——每日最新资讯28at.com |
WebSocketX6j28资讯网——每日最新资讯28at.com | 61%X6j28资讯网——每日最新资讯28at.com | 在单个TCP连接上进行全双工通信的协议,允许服务端和客户端之间进行实时、双向的数据交换。X6j28资讯网——每日最新资讯28at.com |
Progressive Web App (PWA)X6j28资讯网——每日最新资讯28at.com | 48%X6j28资讯网——每日最新资讯28at.com | 一种使用Web技术构建的应用,提供类似原生应用的体验,包括离线工作能力、快速加载和推送通知等。X6j28资讯网——每日最新资讯28at.com |
Geolocation APIX6j28资讯网——每日最新资讯28at.com | 33%X6j28资讯网——每日最新资讯28at.com | 允许应用根据用户的地理位置获取经度和纬度信息,常用于地图服务和基于位置的服务。X6j28资讯网——每日最新资讯28at.com |
WebGLX6j28资讯网——每日最新资讯28at.com | 18%X6j28资讯网——每日最新资讯28at.com | 用于在不使用插件的情况下,在任何兼容的Web浏览器中渲染交互式3D和2D图形。X6j28资讯网——每日最新资讯28at.com |
Web AnimationsX6j28资讯网——每日最新资讯28at.com | 18%X6j28资讯网——每日最新资讯28at.com | 提供一种方式来创建复杂的动画效果,允许开发者控制CSS属性随时间变化。X6j28资讯网——每日最新资讯28at.com |
WebAssembly (WASM)X6j28资讯网——每日最新资讯28at.com | 18%X6j28资讯网——每日最新资讯28at.com | 用于在Web上以接近原生性能运行编译代码的二进制指令格式。X6j28资讯网——每日最新资讯28at.com |
Page Visibility APIX6j28资讯网——每日最新资讯28at.com | 16%X6j28资讯网——每日最新资讯28at.com | 允许应用检测页面是否处于活动状态,从而可以暂停或恢复资源密集型操作,以节省电池和数据。X6j28资讯网——每日最新资讯28at.com |
WebRTCX6j28资讯网——每日最新资讯28at.com | 16%X6j28资讯网——每日最新资讯28at.com | 一种支持在浏览器之间进行实时通信的技术,包括音视频通话和数据共享。X6j28资讯网——每日最新资讯28at.com |
Web Speech APIX6j28资讯网——每日最新资讯28at.com | 9%X6j28资讯网——每日最新资讯28at.com | 提供语音识别和文本到语音功能的API,允许Web应用程序集成语音输入和输出。X6j28资讯网——每日最新资讯28at.com |
Broadcast Channel APIX6j28资讯网——每日最新资讯28at.com | 9%X6j28资讯网——每日最新资讯28at.com | 允许在相同域名下的多个浏览器上下文中进行异步消息传递。X6j28资讯网——每日最新资讯28at.com |
TemporalX6j28资讯网——每日最新资讯28at.com | 6%X6j28资讯网——每日最新资讯28at.com | 提供一组API,用于简化日期和时间的操作,包括创建、解析、格式化和操作日期时间值。X6j28资讯网——每日最新资讯28at.com |
WebXR Device APIX6j28资讯网——每日最新资讯28at.com | 2%X6j28资讯网——每日最新资讯28at.com | 允许应用访问虚拟现实(VR)和增强现实(AR)设备,提供沉浸式体验,无需依赖特定的平台或应用商店。X6j28资讯网——每日最新资讯28at.com |
JS库
前端框架使用率
React 和 Vue 的使用率都在每年稳步增长。X6j28资讯网——每日最新资讯28at.com
图片X6j28资讯网——每日最新资讯28at.com
前端元框架使用率
Next.js 的使用率快速增长,在元框架中遥遥领先,目前其 npm 下载量已超过 Vue,位居下载量第二,仅次于 React。X6j28资讯网——每日最新资讯28at.com
图片X6j28资讯网——每日最新资讯28at.com
测试工具使用率
Jest 仍然是使用最多的前端测试框架,值的一提的是, Vitest 的使用率正在快速增长。X6j28资讯网——每日最新资讯28at.com
图片X6j28资讯网——每日最新资讯28at.com
移动端/桌面端工具使用率
各个工具的使用率差距正在不断减小,值得一提的是,Tauri 正在异军突起。X6j28资讯网——每日最新资讯28at.com
图片X6j28资讯网——每日最新资讯28at.com
构建工具使用率
Webpack 仍然是使用最多的构建工具,同时,Vite 的使用率正在以惊人的速度增长。X6j28资讯网——每日最新资讯28at.com
图片X6j28资讯网——每日最新资讯28at.com
Monorepos 工具使用率
pnpm 作为Monorepos 工具的使用率正在快速增长。X6j28资讯网——每日最新资讯28at.com
图片X6j28资讯网——每日最新资讯28at.com
本文链接:http://www.28at.com/showinfo-26-95560-0.html最受欢迎的前端技术揭晓,你用过吗?
声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com
上一篇: 如何设计一个秒杀系统,你学会了吗?
下一篇: 深入解析掉单问题及其技术解决方案
标签: