当前位置：首页 > 科技 > 软件

最受欢迎的前端技术揭晓，你用过吗？

来源：责编：时间：2024-06-21 17:26:07 149观看

导读今天，StateOfJS 公布了一年一度的 JS 现状调查结果，Vite 成为年度最受欢迎、使用量增长最快、使用留存率最高的前端技术。本文精选并整理了调查报告的部分关键信息，分享给大家！先颁个奖Vite 家族霸榜。奖项获奖者获奖说明

今天，StateOfJS 公布了一年一度的 JS 现状调查结果，Vite 成为年度最受欢迎、使用量增长最快、使用留存率最高的前端技术。本文精选并整理了调查报告的部分关键信息，分享给大家！

先颁个奖

Vite 家族霸榜。

奖项	获奖者	获奖说明
最常采用的技术	Vite	使用量增长最快的工具，使用量同比增长 25%
最高留存率的技术	Vite	98% 的开发者愿意再次使用 Vite，第二是 Vitest，为 96%
最感兴趣的技术	Vitest	79% 开发者对 Vitest 感兴趣
最受喜爱的技术	Vite	88.7% 的开发者喜欢使用 Vite

新特性

JavaScript 新特性的采用率。

语法特性

特性	使用率	概述
空值合并	80%	提供了一种在变量为`null`或`undefined`时返回备用值的方式，避免了假值的误判。
动态导入	62%	允许在运行时按需加载JavaScript模块，实现代码拆分和懒加载。
私有字段	35%	在类中使用#前缀定义私有字段，只能在类内部访问，增强了封装性和安全性。
逻辑赋值	31%	通过逻辑赋值运算符（如`\|\|=`、`&&=`、`??=`）简化条件赋值，使代码更简洁。
Hashbang 语法	22%	允许在JavaScript文件顶部使用`shebangs`注释来指定脚本的解释器或执行环境。
error.cause	16%	`Error`对象的属性，用于表示导致当前错误被抛出的具体原因。

字符串特性

特性	使用率	概述
string.replaceAll()	73%	替换字符串中所有匹配的子串。
string.matchAll()	44%	返回所有正则表达式匹配项的迭代器。
Regexp 匹配索引	22%	提供正则表达式匹配在字符串中的位置索引。

数组特性

特性	使用率	概述
array.findLast()	30%	从数组末尾开始查找，返回满足提供的测试函数的第一个元素的值。
array.toSorted()	30%	对数组进行排序，但不会改变原数组，返回一个新的排序后的数组副本。
array.toReversed()	26%	将数组的元素顺序颠倒，但不会改变原数组，而是返回一个新的颠倒顺序的数组副本。
array.toSpliced()	16%	从数组中删除或添加元素，但不会改变原数组，而是返回一个新的经过修改的数组副本。
array.with()	11%	用于替换数组中特定索引处的元素，但不会改变原数组，而是返回一个新的数组副本。

异步特性

特性	使用率	概述
顶层await	74%	允许在JavaScript模块的顶层直接使用await关键字，
Promise.any()	43%	返回一个新的Promise，它在输入的Promise集合中第一个成功解决的Promise解决时解决，如果所有Promise都失败，则抛出包含所有失败原因的`AggregateError`。
Promise.allSettled()	43%	等待一个Promise集合中的所有Promise完成（无论成功或失败），然后返回一个包含每个Promise结果状态的对象数组。

浏览器API

特性	使用率	概述
WebSocket	61%	在单个TCP连接上进行全双工通信的协议，允许服务端和客户端之间进行实时、双向的数据交换。
Progressive Web App (PWA)	48%	一种使用Web技术构建的应用，提供类似原生应用的体验，包括离线工作能力、快速加载和推送通知等。
Geolocation API	33%	允许应用根据用户的地理位置获取经度和纬度信息，常用于地图服务和基于位置的服务。
WebGL	18%	用于在不使用插件的情况下，在任何兼容的Web浏览器中渲染交互式3D和2D图形。
Web Animations	18%	提供一种方式来创建复杂的动画效果，允许开发者控制CSS属性随时间变化。
WebAssembly (WASM)	18%	用于在Web上以接近原生性能运行编译代码的二进制指令格式。
Page Visibility API	16%	允许应用检测页面是否处于活动状态，从而可以暂停或恢复资源密集型操作，以节省电池和数据。
WebRTC	16%	一种支持在浏览器之间进行实时通信的技术，包括音视频通话和数据共享。
Web Speech API	9%	提供语音识别和文本到语音功能的API，允许Web应用程序集成语音输入和输出。
Broadcast Channel API	9%	允许在相同域名下的多个浏览器上下文中进行异步消息传递。
Temporal	6%	提供一组API，用于简化日期和时间的操作，包括创建、解析、格式化和操作日期时间值。
WebXR Device API	2%	允许应用访问虚拟现实（VR）和增强现实（AR）设备，提供沉浸式体验，无需依赖特定的平台或应用商店。

JS库

前端框架使用率

React 和 Vue 的使用率都在每年稳步增长。

图片

前端元框架使用率

Next.js 的使用率快速增长，在元框架中遥遥领先，目前其 npm 下载量已超过 Vue，位居下载量第二，仅次于 React。

图片

测试工具使用率

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

图片

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

各个工具的使用率差距正在不断减小，值得一提的是，Tauri 正在异军突起。

图片

构建工具使用率

Webpack 仍然是使用最多的构建工具，同时，Vite 的使用率正在以惊人的速度增长。

图片

Monorepos 工具使用率

pnpm 作为Monorepos 工具的使用率正在快速增长。

图片

本文链接：//www.dmpip.com//www.dmpip.com/showinfo-26-95560-0.html最受欢迎的前端技术揭晓，你用过吗？

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com

上一篇：如何设计一个秒杀系统，你学会了吗？

下一篇：深入解析掉单问题及其技术解决方案

标签：

热门焦点

轿车从天而降电动车主被撞身亡超速抢道所致：现场视频让网友吵翻

近日，上海青浦区法院判决轿车从天而降电动车主被撞身亡案，轿车车主被判有期徒刑一年。案件显示当时男子驾驶轿车在上海某路段行驶，前车忽然转弯提速超车，
Java NIO内存映射文件：提高文件读写效率的优秀实践！

Java的NIO库提供了内存映射文件的支持，它可以将文件映射到内存中，从而可以更快地读取和写入文件数据。本文将对Java内存映射文件进行详细的介绍和演示。内存映射文件概述内存
使用LLM插件从命令行访问Llama 2

最近的一个大新闻是Meta AI推出了新的开源授权的大型语言模型Llama 2。这是一项非常重要的进展：Llama 2可免费用于研究和商业用途。(几小时前，swyy发现它已从LLaMA 2更名为Lla
虚拟键盘 API 的妙用

你是否在遇到过这样的问题：移动设备上有一个固定元素，当激活虚拟键盘时，该元素被隐藏在了键盘下方？多年来，这一直是 Web 上的默认行为，在本文中，我们将探讨这个问题、为什么会发生
慕岩炮轰抖音，百合网今何在？

来源：价值研究所作者：Hernanderz“难道就因为自己的一个产品牛逼了，从客服到总裁，都不愿意正视自己产品和运营上的问题，选择逃避了吗？”这一番话，出自百合网联合创
Temu起诉SHEIN，跨境电商战事升级

来源 | 伯虎财经（bohuFN）作者 | 陈平安日前据外媒报道，拼多多旗下跨境电商平台Temu正对竞争对手SHEIN提起新诉讼，诉状称Shein“利用市场支配力量强迫服装厂商与之签订独家
冯提莫签约抖音公会前“斗鱼一姐”消失在直播间

来源：直播观察提起“冯提莫”这个名字，很多网友或许听过，但应该不记得她是哪位主播了。其实，作为曾经的“斗鱼一姐”，冯提莫在游戏直播的年代影响力不输于现
2299元起！iQOO Pad开启预售：性能最强天玑平板

5月23日，iQOO如期举行了新品发布会，除了首发安卓最强旗舰处理器的iQOO Neo8系列新机外，还在发布会上推出了旗下首款平板电脑——iQOO Pad，其搭载了天玑
iQOO Neo8 Pro评测：旗舰双芯加持最强性能游戏旗舰

【Techweb评测】去年10月，iQOO推出了一款Neo7手机，该机搭载了联发科天玑9000+，配备独显芯片Pro+，带来了同价位段最佳的游戏体验，一经上市便受到了诸多用