最受欢迎的前端技术揭晓,你用过吗?
2024-06-21 17:26:07 软件 347观看
摘要今天,StateOfJS 公布了一年一度的 JS 现状调查结果,Vite 成为年度最受欢迎、使用量增长最快、使用留存率最高的前端技术。本文精选并整理了调查报告的部分关键信息,分享给大家!先颁个奖Vite 家族霸榜。奖项获奖者获奖说明

今天,StateOfJS 公布了一年一度的 JS 现状调查结果,Vite 成为年度最受欢迎、使用量增长最快、使用留存率最高的前端技术。本文精选并整理了调查报告的部分关键信息,分享给大家!SUP28资讯网——每日最新资讯28at.com

先颁个奖

Vite 家族霸榜。SUP28资讯网——每日最新资讯28at.com

奖项SUP28资讯网——每日最新资讯28at.com

获奖者SUP28资讯网——每日最新资讯28at.com

获奖说明SUP28资讯网——每日最新资讯28at.com

最常采用的技术SUP28资讯网——每日最新资讯28at.com

ViteSUP28资讯网——每日最新资讯28at.com


SUP28资讯网——每日最新资讯28at.com

使用量增长最快的工具,使用量同比增长 25%SUP28资讯网——每日最新资讯28at.com

最高留存率的技术SUP28资讯网——每日最新资讯28at.com

ViteSUP28资讯网——每日最新资讯28at.com

98% 的开发者愿意再次使用 Vite,第二是 Vitest,为 96%SUP28资讯网——每日最新资讯28at.com

最感兴趣的技术SUP28资讯网——每日最新资讯28at.com

VitestSUP28资讯网——每日最新资讯28at.com

79% 开发者对 Vitest 感兴趣SUP28资讯网——每日最新资讯28at.com

最受喜爱的技术SUP28资讯网——每日最新资讯28at.com

Vite SUP28资讯网——每日最新资讯28at.com

88.7% 的开发者喜欢使用 ViteSUP28资讯网——每日最新资讯28at.com

新特性

JavaScript 新特性的采用率。SUP28资讯网——每日最新资讯28at.com

语法特性

特性SUP28资讯网——每日最新资讯28at.com

使用率SUP28资讯网——每日最新资讯28at.com

概述SUP28资讯网——每日最新资讯28at.com

空值合并SUP28资讯网——每日最新资讯28at.com

80%SUP28资讯网——每日最新资讯28at.com

提供了一种在变量为nullundefined时返回备用值的方式,避免了假值的误判。SUP28资讯网——每日最新资讯28at.com

动态导入SUP28资讯网——每日最新资讯28at.com

62%SUP28资讯网——每日最新资讯28at.com

允许在运行时按需加载JavaScript模块,实现代码拆分和懒加载。SUP28资讯网——每日最新资讯28at.com

私有字段SUP28资讯网——每日最新资讯28at.com

35%SUP28资讯网——每日最新资讯28at.com

在类中使用#前缀定义私有字段,只能在类内部访问,增强了封装性和安全性。SUP28资讯网——每日最新资讯28at.com

逻辑赋值SUP28资讯网——每日最新资讯28at.com

31%SUP28资讯网——每日最新资讯28at.com

通过逻辑赋值运算符(如||=&&=??=)简化条件赋值,使代码更简洁。SUP28资讯网——每日最新资讯28at.com

Hashbang 语法SUP28资讯网——每日最新资讯28at.com

22%SUP28资讯网——每日最新资讯28at.com

允许在JavaScript文件顶部使用shebangs注释来指定脚本的解释器或执行环境。SUP28资讯网——每日最新资讯28at.com

error.causeSUP28资讯网——每日最新资讯28at.com

16%SUP28资讯网——每日最新资讯28at.com

Error对象的属性,用于表示导致当前错误被抛出的具体原因。SUP28资讯网——每日最新资讯28at.com

字符串特性

特性SUP28资讯网——每日最新资讯28at.com

使用率SUP28资讯网——每日最新资讯28at.com

概述SUP28资讯网——每日最新资讯28at.com

string.replaceAll()SUP28资讯网——每日最新资讯28at.com

73%SUP28资讯网——每日最新资讯28at.com

替换字符串中所有匹配的子串。SUP28资讯网——每日最新资讯28at.com

string.matchAll()SUP28资讯网——每日最新资讯28at.com

44%SUP28资讯网——每日最新资讯28at.com

返回所有正则表达式匹配项的迭代器。SUP28资讯网——每日最新资讯28at.com

Regexp 匹配索引SUP28资讯网——每日最新资讯28at.com

22%SUP28资讯网——每日最新资讯28at.com

提供正则表达式匹配在字符串中的位置索引。SUP28资讯网——每日最新资讯28at.com

数组特性

特性SUP28资讯网——每日最新资讯28at.com

使用率SUP28资讯网——每日最新资讯28at.com

概述SUP28资讯网——每日最新资讯28at.com

array.findLast()SUP28资讯网——每日最新资讯28at.com

30%SUP28资讯网——每日最新资讯28at.com

从数组末尾开始查找,返回满足提供的测试函数的第一个元素的值。SUP28资讯网——每日最新资讯28at.com

array.toSorted()SUP28资讯网——每日最新资讯28at.com

30%SUP28资讯网——每日最新资讯28at.com

对数组进行排序,但不会改变原数组,返回一个新的排序后的数组副本。SUP28资讯网——每日最新资讯28at.com

array.toReversed()SUP28资讯网——每日最新资讯28at.com

26%SUP28资讯网——每日最新资讯28at.com

将数组的元素顺序颠倒,但不会改变原数组,而是返回一个新的颠倒顺序的数组副本。SUP28资讯网——每日最新资讯28at.com

array.toSpliced()SUP28资讯网——每日最新资讯28at.com

16%SUP28资讯网——每日最新资讯28at.com

从数组中删除或添加元素,但不会改变原数组,而是返回一个新的经过修改的数组副本。SUP28资讯网——每日最新资讯28at.com

array.with()SUP28资讯网——每日最新资讯28at.com

11%SUP28资讯网——每日最新资讯28at.com

用于替换数组中特定索引处的元素,但不会改变原数组,而是返回一个新的数组副本。SUP28资讯网——每日最新资讯28at.com

异步特性

特性SUP28资讯网——每日最新资讯28at.com

使用率SUP28资讯网——每日最新资讯28at.com

概述SUP28资讯网——每日最新资讯28at.com

顶层awaitSUP28资讯网——每日最新资讯28at.com

74%SUP28资讯网——每日最新资讯28at.com

允许在JavaScript模块的顶层直接使用await关键字,SUP28资讯网——每日最新资讯28at.com

Promise.any()SUP28资讯网——每日最新资讯28at.com

43%SUP28资讯网——每日最新资讯28at.com

返回一个新的Promise,它在输入的Promise集合中第一个成功解决的Promise解决时解决,如果所有Promise都失败,则抛出包含所有失败原因的AggregateErrorSUP28资讯网——每日最新资讯28at.com

Promise.allSettled()SUP28资讯网——每日最新资讯28at.com

43%SUP28资讯网——每日最新资讯28at.com

等待一个Promise集合中的所有Promise完成(无论成功或失败),然后返回一个包含每个Promise结果状态的对象数组。SUP28资讯网——每日最新资讯28at.com

浏览器API

特性SUP28资讯网——每日最新资讯28at.com

使用率SUP28资讯网——每日最新资讯28at.com

概述SUP28资讯网——每日最新资讯28at.com

WebSocketSUP28资讯网——每日最新资讯28at.com

61%SUP28资讯网——每日最新资讯28at.com

在单个TCP连接上进行全双工通信的协议,允许服务端和客户端之间进行实时、双向的数据交换。SUP28资讯网——每日最新资讯28at.com

Progressive Web App (PWA)SUP28资讯网——每日最新资讯28at.com

48%SUP28资讯网——每日最新资讯28at.com

一种使用Web技术构建的应用,提供类似原生应用的体验,包括离线工作能力、快速加载和推送通知等。SUP28资讯网——每日最新资讯28at.com

Geolocation APISUP28资讯网——每日最新资讯28at.com

33%SUP28资讯网——每日最新资讯28at.com

允许应用根据用户的地理位置获取经度和纬度信息,常用于地图服务和基于位置的服务。SUP28资讯网——每日最新资讯28at.com

WebGLSUP28资讯网——每日最新资讯28at.com

18%SUP28资讯网——每日最新资讯28at.com

用于在不使用插件的情况下,在任何兼容的Web浏览器中渲染交互式3D和2D图形。SUP28资讯网——每日最新资讯28at.com

Web AnimationsSUP28资讯网——每日最新资讯28at.com

18%SUP28资讯网——每日最新资讯28at.com

提供一种方式来创建复杂的动画效果,允许开发者控制CSS属性随时间变化。SUP28资讯网——每日最新资讯28at.com

WebAssembly (WASM)SUP28资讯网——每日最新资讯28at.com

18%SUP28资讯网——每日最新资讯28at.com

用于在Web上以接近原生性能运行编译代码的二进制指令格式。SUP28资讯网——每日最新资讯28at.com

Page Visibility APISUP28资讯网——每日最新资讯28at.com

16%SUP28资讯网——每日最新资讯28at.com

允许应用检测页面是否处于活动状态,从而可以暂停或恢复资源密集型操作,以节省电池和数据。SUP28资讯网——每日最新资讯28at.com

WebRTCSUP28资讯网——每日最新资讯28at.com

16%SUP28资讯网——每日最新资讯28at.com

一种支持在浏览器之间进行实时通信的技术,包括音视频通话和数据共享。SUP28资讯网——每日最新资讯28at.com

Web Speech APISUP28资讯网——每日最新资讯28at.com

9%SUP28资讯网——每日最新资讯28at.com

提供语音识别和文本到语音功能的API,允许Web应用程序集成语音输入和输出。SUP28资讯网——每日最新资讯28at.com

Broadcast Channel APISUP28资讯网——每日最新资讯28at.com

9%SUP28资讯网——每日最新资讯28at.com

允许在相同域名下的多个浏览器上下文中进行异步消息传递。SUP28资讯网——每日最新资讯28at.com

TemporalSUP28资讯网——每日最新资讯28at.com

6%SUP28资讯网——每日最新资讯28at.com

提供一组API,用于简化日期和时间的操作,包括创建、解析、格式化和操作日期时间值。SUP28资讯网——每日最新资讯28at.com

WebXR Device APISUP28资讯网——每日最新资讯28at.com

2%SUP28资讯网——每日最新资讯28at.com

允许应用访问虚拟现实(VR)和增强现实(AR)设备,提供沉浸式体验,无需依赖特定的平台或应用商店。SUP28资讯网——每日最新资讯28at.com

JS库

前端框架使用率

React 和 Vue 的使用率都在每年稳步增长。SUP28资讯网——每日最新资讯28at.com

图片图片SUP28资讯网——每日最新资讯28at.com

前端元框架使用率

Next.js 的使用率快速增长,在元框架中遥遥领先,目前其 npm 下载量已超过 Vue,位居下载量第二,仅次于 React。SUP28资讯网——每日最新资讯28at.com

图片图片SUP28资讯网——每日最新资讯28at.com

测试工具使用率

Jest 仍然是使用最多的前端测试框架,值的一提的是, Vitest 的使用率正在快速增长。SUP28资讯网——每日最新资讯28at.com

图片图片SUP28资讯网——每日最新资讯28at.com

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

各个工具的使用率差距正在不断减小,值得一提的是,Tauri 正在异军突起。SUP28资讯网——每日最新资讯28at.com

图片图片SUP28资讯网——每日最新资讯28at.com

构建工具使用率

Webpack 仍然是使用最多的构建工具,同时,Vite 的使用率正在以惊人的速度增长。SUP28资讯网——每日最新资讯28at.com

图片图片SUP28资讯网——每日最新资讯28at.com

Monorepos 工具使用率

pnpm 作为Monorepos 工具的使用率正在快速增长。SUP28资讯网——每日最新资讯28at.com

图片图片SUP28资讯网——每日最新资讯28at.com

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

声明:本网页内容旨在传播知识,不代表本站观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。

显示全文

上一篇:如何设计一个秒杀系统,你学会了吗?

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

最新热点