What I Learned from State of JavaScript 2024

20 阅读4分钟

Query Builder

不得不说这个网站做的真好。里面可以从不同维度来进行筛选,基本上没有你想不到的维度,只有你用不到的维度。

And don't forget you can also apply any of these new variables to other charts using the Query Builder

不要忘记,您还可以使用查询生成器将这些新变量中的任何一个应用于其他图表

我一直不理解首页中的 Query Builder 是什么意思,直到我发现在统计页面可以进行「增加筛选器」这个功能,才想到首页 Query Builder,意思是可以增加筛选器来查看不同维度的统计数据。还是得中英文对照着看...因为我们无法要求中文翻译达到自己理想的情况,虽然在首页和统计页面的「增加筛选器」英文对照的是一个单词,但中文翻译就是不一样...

比如我可以用 Query Builder 查看不同地区针对「字符串特性」维度的统计情况,非常清晰明了。

Salary

首先会有一个从业者统计,在收入中位数方面,美国名列前茅,换算成人民币大概 125 万,真的很高了,但这是中位数,参考意义不大。

从年龄方面来看的话,如下图,基本上就和国内差别不大了(可能就比国内高一点)。有兴趣的可以自己换算一下。

最后要强调的一点是,美国是世界经济条件第一的国家,然后我们属于发展中国家(虽然加班会比美国多很多),给这个薪水,怎么说呢,已经很可以了吧?

页面中也提到这一点:

While we often hear tales of six-figure salaries out of Silicon Valley, the reality is that most front-end developers throughout the world earn far less, as becomes apparent when directly comparing the U.S. and the rest of the world.

虽然我们经常听到硅谷有六位数薪水的故事,但实际上,全世界大多数前端开发人员的收入要低得多,这一点在直接比较美国和世界其他地区时就会很明显。

框架

三大前端框架,依旧是 React 遥遥领先,其次是 Vue,然后是 Angular,第二和第三的差距并不大。

前端应用级框架(meta-framework)中 nextjs 一直遥遥领先。

测试框架:即使 Jest 依然是测试框架的老大,但是 Vitest 的增长趋势非常快。

后端框架:前三名分别是:Express,Nest,Fastify

使用情况

JavaScript 的痛点,前三名分别是

  • 代码架构:组织和维护代码仓库
  • 全局数据管理:管理复杂应用程序中的全局数据状态
  • 依赖管理:管理依赖项、包版本和包大小
  • 构建工具:管理构建代码的工具
  • 性能:编写高性能、高效率的 JavaScript 代码

资源

egghead egghead.io/:主要提供一些短小精悍、直奔主题的视频课程,针对厌倦「长而无聊的视频」的人。

tldr tldr.tech/:5min 了解科技动态,和 readhub.cn/ 有点像,之前看过阮一峰的科技爱好者周刊:www.ruanyifeng.com/blog/

下面这个图的含金量不必多说,随便点开一个链接,里面就有很多优秀的文章

www.glassdoor.com/ 可以查看各行各业的薪水情况

我推荐的资源

  • medium.com/,我最喜欢的没有之一,因为不仅仅能学到技术,还能看很多技术之外的对人生有帮助的文章,真的非常好。
  • dev.to/。其次是这个,技术文章质量很高。
  • 开发者高质量技术播客 changelog.com/

最推荐的板块

其中我最推荐的板块,依旧是资源板块,2024.stateofjs.com/zh-Hans/res…,毕竟只有高质量的输入才能有高质量的输出。每个人的认知都来自于外界物理世界和精神世界的摄入和吸收,那么人和人的差别就在于摄入和吸收,所以高质量的资源很重要,当然不可否认行动很重要。

整体看公众号技术文章和知乎学技术的人,和看权威官方文档,优秀博主学技术的人,注定学习的深度不一样。(当然不可否认现在公众号文章的质量越来越高了)