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

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

先颁个奖

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

新特性

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

语法特性

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

字符串特性

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

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

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

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

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

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

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

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

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

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

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

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

数组特性

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

异步特性

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

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

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

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

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

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

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

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

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

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

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

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

浏览器API

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JS库

前端框架使用率

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

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

前端元框架使用率

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

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

测试工具使用率

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

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

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

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

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

构建工具使用率

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

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

Monorepos 工具使用率

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

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

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

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

显示全文

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

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

最新热点