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

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

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

导读今天，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 工具的使用率正在快速增长。

图片

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

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

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

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

标签：

热门焦点

一加Ace2 Pro官宣：普及16G内存引领24G

一加官方今天继续为本月发布的新机一加Ace2 Pro带来预热，公布了内存方面的信息。“淘汰 8GB ，12GB 起步，16GB 普及，24GB 引领，还有呢？#一加Ace2Pro#，2023 年 8 月，敬请期待。”同时
影音体验是真的强简单聊聊iQOO Pad

大公司的好处就是产品线丰富，非常细分化的东西也能给你做出来，例如早先我们看到了新的vivo Pad2，之后我们又在iQOO Neo8 Pro的发布会上看到了iQOO的首款平板产品iQOO Pad。虽
6月安卓手机好评榜：魅族20 Pro蝉联冠军

性能榜和性价比榜之后，我们来看最后的安卓手机好评榜，数据来源安兔兔评测，收集时间2023年6月1日至6月30日，仅限国内市场。第一名：魅族20 Pro好评率：95%5月份的时候魅族20 Pro就是
消息称迪士尼要拍真人版《魔发奇缘》：女主可能也找黑人演员

8月5日消息，迪士尼确实有点忙，忙着将不少动画改成真人版，继《美人鱼》后，真人版《白雪公主》、《魔发奇缘》也在路上了。据外媒消息称，迪士尼将打造真人版
JavaScript 混淆及反混淆代码工具

介绍在我们开始学习反混淆之前，我们首先要了解一下代码混淆。如果不了解代码是如何混淆的，我们可能无法成功对代码进行反混淆，尤其是使用自定义混淆器对其进行混淆时。什么是混
阿里大调整

来源：产品刘有媒体报道称，近期淘宝天猫集团启动了近年来最大的人力制度改革，涉及员工绩效、层级体系等多个核心事项，目前已形成一个初步的“征求意见版”：1、取消P序列
华为和江淮汽车合作开发百万元问界MPV？双方回应来了

8月1日消息，郭明錤今天在社交平台发文称，华为正在和江淮汽车合作，开发售价在100万元的问界MPV，预计在2024年第2季度量产，销量目标为上市首年交付5万辆。
iQOO 11S评测：行业唯一的200W标准版旗舰

【Techweb评测】去年底，iQOO推出了“电竞旗舰”iQOO 11系列，作为一款性能强机，该机不仅全球首发2K 144Hz E6全感屏，搭载了第二代骁龙8平台及144Hz电竞
荣耀Magicbook V 14 2021曙光蓝版本正式开售，拥有触摸屏

荣耀 Magicbook V 14 2021 曙光蓝版本正式开售，搭载 i7-11390H 处理器与 MX450 显卡，配备 16GB 内存与 512GB SSD，重 1.48kg，厚 14.5mm，具有 1.5mm 键盘键程、

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

先颁个奖

新特性

语法特性

字符串特性

数组特性

异步特性

浏览器API

JS库

前端框架使用率

前端元框架使用率

测试工具使用率

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

构建工具使用率

Monorepos 工具使用率

一加Ace2 Pro官宣：普及16G内存引领24G

影音体验是真的强简单聊聊iQOO Pad

6月安卓手机好评榜：魅族20 Pro蝉联冠军

消息称迪士尼要拍真人版《魔发奇缘》：女主可能也找黑人演员

JavaScript 混淆及反混淆代码工具

阿里大调整

华为和江淮汽车合作开发百万元问界MPV？双方回应来了

iQOO 11S评测：行业唯一的200W标准版旗舰

荣耀Magicbook V 14 2021曙光蓝版本正式开售，拥有触摸屏

最新推荐

猜你喜欢

热门推荐

相关资讯