请查收 2024 全球 JS 现状调查报告

可以看出 TypeScript 依旧独领风骚，其次就是 Elm ，但是 PureScript 也是一个值得关注的增强类型语言。

对 TypeScript 的熟悉度一片叫好。

其他工具

前端框架

正如开头所说，svelte 的出现真的是对前端行业的冲击，原以为三大框架（React、Vue.js、Angular）包揽所有的时候，它出现了，一度成为了第四名（使用量），但是从兴趣度和满意度来看，它未来的潜力不可估量。

兴趣度

满意度

数据层

使用排名比较高的状态管理依旧是Redux、Vuex、Mobx。数据管理为 GraphQL 和 Apollo，并且 XState 横空出世。

其他工具

后端框架

Express 依旧是统治地位，而 Next 和 Nuxt 这些服务端渲染的框架也逐渐成为大家的所选的框架。

其他工具

测试框架

Jest和 Mocha 在使用量上依旧是统治地位，但是新增了 Testing Libray 很强劲。

以下是满意度排行。

什么是 Testing Library ？用于 DOM 和 UI 组件测试的一系列工具，主要 API 包含 DOM 查询，更可以和其他测试工具(jest、cypress)配合，用于更多场景(react、vue、svelte)。而它是 React 的官方推荐。

我们推荐使用 React Testing Library[2]，它使得针对组件编写测试用例就像终端用户在使用它一样方便。

----摘自 React 官网(https://zh-hans.reactjs.org/docs/test-utils.html)

打包工具

虽然短时间内 webpack 使用量还处于霸主地位，这一年打包工具的发生了巨大的变化。

以下为满意度

可以说这里发生了天翻地覆的变化。从 Parcel 到 Snowpack ，再到后来的 esbuild ，每一个都是打包的好手，至于 Vite 为什么没有在其中，我猜想，Vite 最开始只是为了解决 Vue 单个框架的方向，受众面不够广泛（现在它已经支持了多种框架的打包了）。

放张图来看看这些 bundleless 工具的速度吧。

**

其他工具**

移动和桌面端

Electron 依旧是桌面端的第一选择， Cordova 和 React Native 也是移动跨端的热门选择。但是新出的 Capacitor 值得关注。

其他工具

---

常用的工具函数库有？

**

其他工具函数库**

**

JavaScript 运行时选择**

**

经常使用那（些）文字編輯器？**

**

常用用于开发的浏览器有哪些？**

资料

–

常用的 blog 和杂志？

关注了哪些网站和课程？

参考资料

[1]

最后前端到底应该怎么学才好？

如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。

不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的准备。学习编程并不是每天光看视频，你学习编程最重要的目的是为了编写软件产品，提供给大众使用，所以用手写出代码实现功能才是我们要做的事情。