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

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

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

导读今天，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

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

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

标签：

热门焦点

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

大公司的好处就是产品线丰富，非常细分化的东西也能给你做出来，例如早先我们看到了新的vivo Pad2，之后我们又在iQOO Neo8 Pro的发布会上看到了iQOO的首款平板产品iQOO Pad。虽
CSS单标签实现转转logo

转转品牌升级后更新了全新的Logo，今天我们用纯CSS来实现转转的新Logo，为了有一定的挑战性，这里我们只使用一个标签实现，将最大化的使用CSS能力完成Logo的绘制与动画效果。新logo
在线图片编辑器，支持PSD解析、AI抠图等

自从我上次分享一个人开发仿造稿定设计的图片编辑器到现在，不知不觉已过去一年时间了，期间我经历了裁员失业、面试找工作碰壁，寒冬下一直没有很好地履行计划.....这些就放在日
消费结构调整丨巨头低价博弈，拼多多还卷得动吗？

来源：征探财经作者：陈香羽随着流量红利的退潮，电商的存量博弈越来越明显。曾经主攻中高端与品质的淘宝天猫、京东重拾“低价”口号。而过去与他们错位竞争的拼多多，靠
8月见！小米MIX Fold 3获得3C认证：支持67W快充

这段时间以来，包括三星、一加、荣耀等等有不少品牌旗下的最新折叠屏旗舰都得到了不少爆料，而小米新一代折叠屏旗舰——小米MIX Fold 3此前也屡屡被传
AI芯片初创公司Tenstorrent获三星和现代1亿美元投资

Tenstorrent是一家由芯片行业资深人士Jim Keller领导的加拿大初创公司，专注于开发人工智能芯片，该公司周三表示，已经从现代汽车集团和三星投资基金等
回归OPPO两年，一加赢了销量，输了品牌

成为OPPO旗下主打性能的先锋品牌后，一加屡创佳绩。今年618期间，一加手机全渠道销量同比增长362%，凭借一加 11、一加 Ace 2、一加 Ace 2V三款爆品，一加
SN570 NVMe SSD固态硬盘价格与性能兼具

SN570 NVMe SSD固态硬盘是西部数据发布的最新一代WD Blue系列的固态硬盘，不仅闪存技术更为精进，性能也得到了进一步的跃升。WD Blue SN570 NVMe SSD的包装外
中关村论坛11月25日开幕，15位诺奖级大咖将发表演讲

11月18日，记者从2022中关村论坛新闻发布会上获悉，中关村论坛将于11月25至30日在京举行。本届中关村论坛由科学技术部、国家发展改革委、工业和信息化部、国务

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

先颁个奖

新特性

语法特性

字符串特性

数组特性

异步特性

浏览器API

JS库

前端框架使用率

前端元框架使用率

测试工具使用率

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

构建工具使用率

Monorepos 工具使用率

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

CSS单标签实现转转logo

在线图片编辑器，支持PSD解析、AI抠图等

消费结构调整丨巨头低价博弈，拼多多还卷得动吗？

8月见！小米MIX Fold 3获得3C认证：支持67W快充

AI芯片初创公司Tenstorrent获三星和现代1亿美元投资

回归OPPO两年，一加赢了销量，输了品牌

SN570 NVMe SSD固态硬盘价格与性能兼具

中关村论坛11月25日开幕，15位诺奖级大咖将发表演讲

最新推荐

猜你喜欢

热门推荐

相关资讯