前端人必看!2023年JavaScript的发展格局究竟如何?

这篇具有很好参考价值的文章主要介绍了前端人必看!2023年JavaScript的发展格局究竟如何?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在互联网世界中中,所有的信息都瞬息万变,了解信息是提升自己的关键。但我们能够了解2023年web 的发展趋势吗?通过研究2022年开发者调查的数据,我们能够看着这些关键有用的信息。

包管理

去年,我建议我们注意PNPM的兴起,它的目的是避免版本冲突,并与monorepos玩得很好。它有一些热情的拥护者,去年在Github上达到了9.5k颗星,所以它显然赢得了开发者的青睐。然而,我觉得它不太可能在2023年在使用上展开激烈竞争,考虑到嵌入式Yarn和NPM在项目中的应用,以及它们为发布新功能投入了多少精力。其中一些功能是直接针对PNPM开发的,特别是Workspaces。这恰恰说明了竞争在推动开源软件前进的过程中是多么重要。

测试

在2019年,Cypress和Puppeteer作为高新作品脱颖而出,在2022年他们都继续取得成功。不过,微软带来了一款新的E2E测试工具Playwright,这款工具似乎是突然出现的,仅在2022年就获得了不到2万颗星。作为世界上最大的软件公司之一,他们有影响力广泛推广他们的产品,但这只是部分解释了该工具的流行。主要原因是它的功能集和Puppeteer的简单迁移路径。

自从纳德拉接任首席执行官以来,微软已经养成了生产流行且强大的开源工具的习惯。VSCode有人知道吗?

JavaScript的味道

我去年说过,TypeScript已经缓慢但肯定地接管了JavaScript世界,这一趋势正在加剧。无数的开源项目都急切地将其列为受支持的特性。Deno是2022年Github上最受欢迎的项目,它自带Typescript编译器。去年,我建议我们关注PureScript,因为它所执行的静态类型和函数式编程的兴趣。然而,2022年的吸收并不那么强烈,Github上只有641个新星,兴趣下降了3%。从TypeScript与竞争对手之间巨大的使用差距来看,感觉语言战争已经结束,微软的产品已经胜出。在社区多年的深思熟虑和语言过剩的氛围下,任何新人都很难得到我们的关注。

看到社区聚集在这里,我感到宽慰。现在,我们避免不同超集的干扰,更多地关注语言本身。

UI框架

Vue是2019年最明星的框架,这在当时是个大新闻,也传递了一个明确的信息:开发者喜欢它。2022年也是同样的故事。不过,从NPM的下载量来看,React的市场份额依然巨大。

还有两个有用的指标:GitHub上的标签和招聘广告。目前在GitHub上有超过80k的仓库标记为“React”,相比之下,有25k的仓库标记为“Vue”。看看就业市场,去年5月Career Karma报道称,在美国Indeed.com上,React开发者有1000个工作机会,而Vue开发者只有1025个。React无处不在,并且经受住了一些激烈的竞争。

在不提及Svelte和Angular的情况下,我无法结束本节。Angular仍然非常受欢迎——去年它获得了13300颗新星,在NPM上每周的下载量接近250万次。鉴于React的主导地位,这可能会让一些人感到惊讶,但这些数据值得认可。相比之下,斯威特非常年轻,但在JS状态满意度图表中名列前茅。然而,由于React和Vue开发者的陡峭学习曲线,我预计它在2021年只会有小幅增长。

后端

现在这是一个复杂的空间,用于静态网站生成的框架与用于API制作的框架并列。如果我们把它细分一下,看看只用于服务器的框架,我们可以看到Express仍然以5.15万颗星的成绩稳居第一。然而,Nest在2022年以惊人的1.03万新星爆发,使其总数达到3.36万。开发者之所以对它情有独钟,是因为他们被它的舆论方式所吸引,它可以加快开发速度,简化维护。哦,我有没有提到它使用了TypeScript?

从全栈框架的扩散来看,这个领域正在进行一场非常重要的人心之争,因为它们对架构、性能和工作方式的影响非常大。NextJS和Gatsby这两个基于React的框架,在使用量上还是比VueJS的同类框架要受欢迎不少,但这只是证实了我们对UI框架生态系统已有的了解。真正值得注意的是,Gatsby的满意度下降了多少。坊间证据表明,它的DX令人困惑,尽管网上有大量证据驳斥这种说法。随着Vercel开发NextJS并将静态站点生成等功能添加到它的工具库中,我认为它今年会越来越强大。

构建工具

这个领域现在有一些值得注意的竞争。尽管Webpack的DevX受到了抱怨,但它在很长一段时间内都是最高的,而且在各大厂商中的使用率仍然是最高的。去年,我们看到Rome挑战这个领域,今年我们看到esbuild、Snowpack和Vite在新星榜上崭露头角。Esbuild的职责很简单:加快构建时间。这显然对许多工程团队来说真的很有价值,也解释了为什么会走向它2021年JavaScript的发展格局

虽然GitHub星星是一个指标,但在JS状态调查中,Snowpack在兴趣榜上名列前茅,但更重要的是,它是满意度榜的联合榜首。虽然使用率可能还很低,但我觉得它的时代即将到来。Snowpack和Vite的流行传递了一个重要信息:原生ES模块正在被社区重视。这是一个巨大的话题,因为它对构建过程、缓存和开发/生产模块对称性的影响。

状态管理

如果没有它的状态管理器,什么UI框架是完整的呢?撇开复杂性与未来验证的争论不谈,这个领域特别有趣,因为Redux正受到两个角度的挑战:React本身和独立的新来者。根据我的个人经验,我知道React的Hooks和上Context API有多么强大,但它们也有自己的局限性。不管怎样,它们都是React开发者的热门话题,几乎有一半的前端参与者表示他们在使用它们。

总结

从上述文章中,我们可以得知,很明显,JavaScript的流行已经导致了工具在市场上的扩散,而这些工具以前是其他语言的专利;越来越多的E2E测试和机器学习工具就说明了这一点。

2023年数据中出现的关键主题是,JavaScript的格局正在被大型软件厂商定义。微软的TypeScript正在成为一个行业标准,建立在它基础上的项目有更好的成功机会,NestJS和NextJS(不要混淆)就是很好的例子。

JAMStack方法的影响和对速度的需求也是影响因素,静态网站生成器和ESbuild等工具迅速崛起。

由于特性、浏览器支持、运行时和不断扩大的数字领域的快速发展,JavaScript的版图一直在扩大。文章来源地址https://www.toymoban.com/news/detail-447924.html

到了这里,关于前端人必看!2023年JavaScript的发展格局究竟如何?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 2023前端面试上岸手册——JavaScript部分

    JavaScript 共有八种数据类型,分别是 Undefined、Null、Boolean、 Number、String、Object、Symbol、BigInt。 其中 Symbol 和 BigInt 是ES6 中新增的数据类型: Symbol 代表创建后独一无二且不可变的数据类型,它主要是为了解决可能出现的全局变量冲突的问题。 BigInt 是一种数字类型的数据,它可

    2024年02月02日
    浏览(53)
  • 【自看】2023前端面试上岸手册——JavaScript

    JavaScript 共有八种数据类型,分别是 Undefined、Null、Boolean、 Number、String、Object、Symbol、BigInt。 其中 Symbol 和 BigInt 是ES6 中新增的数据类型: Symbol 代表创建后独一无二且不可变的数据类型,它主要是为了解决可能出现的全局变量冲突的问题。 BigInt 是一种数字类型的数据,它可

    2024年02月02日
    浏览(56)
  • 【目标检测】目标检测究竟发展到了什么程度?聊聊这22年!

    目标检测领域发展至今已有二十余载,从早期的传统方法到如今的深度学习方法,精度越来越高的同时速度也越来越快,这得益于深度学习等相关技术的不断发展。本文将对目标检测领域的发展做一个系统性的介绍,旨在为读者构建一个完整的知识体系架构,同时了解目标检

    2024年02月02日
    浏览(37)
  • 2023年web前端开发之JavaScript进阶(一)

    接上篇博客进行学习,通俗易懂,详细 博客地址: 2023年web前端开发之JavaScript基础(五)基础完结_努力的小周同学的博客-CSDN博客 学习 作用域 、变量提升、 闭包 等语言特征,加深对 JavaScript 的理解,掌握变量赋值、函数声明的简洁语法, 降低代码的冗余度 。 理解作用域对程序

    2024年02月03日
    浏览(57)
  • 前端学习记录~2023.8.10~JavaScript重难点实例精讲~第6章 Ajax

    本章是第六章Ajax相关的内容。 Ajax是一种流行的前后端数据交互的方式,通过异步请求就可以在不需要刷新页面的情况下,达到局部刷新的效果。 Ajax并非是一种全新的技术,而是由以下技术组合而成: 使用CSS和XHTML做页面呈现 使用DOM进行交互和动态显示 使用XMLHttpRequest对象

    2024年02月11日
    浏览(40)
  • 前端学习记录~2023.8.3~JavaScript重难点实例精讲~第5章 DOM与事件

    本章是第五章DOM与事件相关的内容。 DOM是文档对象模型,全称为Document Object Model。DOM用一个逻辑树来表示一个文档,树的每个分支终点都是一个节点,每个节点都包含着对象。DOM提供了对文档结构化的表述,通过绑定不同的事件可以改变文档的结构、样式和内容,从而能实现

    2024年02月12日
    浏览(49)
  • WAIC2023| AIGC究竟在向善还是向恶而行?

    随着数字图像处理技术的发展和以 ChatGPT 、 Midjourney 、 Stable Diffusion 等为代表的AIGC产品的爆火,各种数字图像编辑处理软件和生成式模型正在变得越来越强大,普通用户已经可以方便地对图像进行绘制、编辑和篡改,这些技术和软件在带来便利的同时,也使得用户更容易伪造

    2024年02月16日
    浏览(39)
  • (小伞每日论文速读)2023视觉领域的SOTA!InternImage究竟何方神圣?

    本篇文章的相关图片来源于论文:InternImage: Exploring Large-Scale Vision Foundation Models with Deformable Convolutions 论文链接如下:https://arxiv.org/pdf/2211.05778.pdf 碍于本人的知识水平所限,本篇文章的总结可能存在不妥之处 如作为参考,请谨慎推理内容的真实性 欢迎各路大佬指出问题! 领

    2024年02月06日
    浏览(44)
  • “前端”工匠系列(一):合格的工匠,究竟该搞什么 | 京东云技术团队

    作者:京东零售 刘伟东 此文为系列文章第一篇,为浅尝辄止的引入,目的是为了让前端从业人员及非从业但是对此领域感兴趣的人对于”前端“是干什么的这个话题有个无门槛的了解。 “前端职能是什么” 说起\\\"前端\\\",维基百科对这个技术角色的定位是“前端(英語:fr

    2024年02月02日
    浏览(36)
  • 如何查看 Chrome 网站有没有前端 JavaScript 报错?

    您可以按照以下步骤在Chrome中查看网站是否存在前端JavaScript报错: 首先,打开Chrome浏览器并访问您想要检查JavaScript报错的网站。 在Chrome浏览器中,按下\\\"Ctrl+Shift+I\\\"(在Windows和Linux上)或\\\"Cmd+Option+I\\\"(在macOS上)快捷键,打开开发者工具。 在开发者工具窗口中,点击位于顶部

    2024年02月15日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包