2022年前端四大框架谁值得更大的关注

2022 年 Angular、Vue、React 和 Svelte 四大前端框架从数据分析，谁更值得去学习呐？

本文基于 Stack Overflow 和 State of JavaScript 调查以及 JavaScript 性能标准对四大框架进行客观的分析比较。

文章从使用率、满意度、性能效率以及薪资来分析不同框架，每个标准占比 10 分。

使用率

Stack Overflow 方数据显示，

State of JavaScript 调查显示: React 的 JS 开发者占比 80%，Angular 的开发者占比 54%，Vue 使用者占比 51%，Svelte 仅为 20%。

Angular 与 Vue 的使用率类似，React 独占鳌头，Svelte 明显落后，最终分数分配: React 5 分，Vue 和 Angular 2.5 分，Svelte 0 分。

开发者满意度

Stack Overflow 调查显示，Svelte 的满意度最高，达到 71%。React 和 Vue 满意度紧随其后，分别为 69% 和 64%。Angular 满意度为 55%，满意与不满意人数几乎相同。

State of JavaScript 调查的结果排名类似，但数值有所不同，Svelte 的满意度为 90%，React 为 84%，Vue 为 80%，Angular 仅为 45%。

当前标准分数分配: Svelte 4 分，React 和 Vue 各 3 分，Angular 0 分。

性能

使用 JavaScript Framework Benchmark工具来分析各个框架的执行时间、内存占用及启用时间。评测结果将与 ·vanilla JavaScript· 进行比较。输出表格中，每个单元格颜色都是从绿色到红色，越接近红色正证明越偏离基本 JavaScript 。

三个标准每个分配 10 分，取平均值得出总体相对性能得分。

执行速度

执行速度的方面，经过多次测试，Svelte 速度最快，Vue 紧随其后，React 和 Angular 速度较慢，分数分配如下: Svelte 5 分，Vue 4 分，React 和 Angualr 各 0.5 分。

内存占用

内存占用方面，Svelte 仍然保持大幅度领先，Vue 略微优于并驾齐驱的 React 和 Angular。分数分配如下: Svelte 6 分，Vue 3 分，React 和 Angular 各 0.5 分。

启动时间

Svelte 的启动速度也非常出色，Vue 略逊一筹，React 和 Angular 紧随其后。这次结果相对均匀，分数分配如下: Svelte 4 分，Vue 3 分，Angular 和 React 各 1 分。

性能整体表现分数

经过上面三项测试，四大框架在性能方面的得分，最终如下: Svelte 5 分，Vue 3.5 分，React 和 Angular 0.5 分。

薪资

薪资评测数据来源于 Stack Overflow 的框架薪资中位数，各框架薪资如下:

Angular 和 Vue 的薪资接近，React 和 Svelte 的薪资遥遥领先，因此分数分配如下: Angular 和 Vue 各 1.5 分，React 3 分，Svelte 4 分。

最终成绩

经过上面几轮的评估，四大框架最终分数如下:

得到评估结果后，我们再来客观的分析一下 JavaScript 调查报告。下面的视图结合了用户满意度(从左往右)和使用率(从下到上)，同时涵盖了跨时间轨迹。

Svelte 90% 的满意度主要来源于乐于尝试新技术的开拓者。React 仍然占据使用的主导地位，但未能保持高满意度。

如果来分析使用率和满意度的四象限图，你会发现，Angular 使用频度一般，收获满意较少；Vue 满意度高但使用率并不高，而且随着时间的推移，满意度正在降低。React 则得到了广泛的使用和赞赏。近期 React 还推出了服务端的 Next.js 和 Remix，其越来越成为前端的标准。

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

想高效系统的学习Python编程语言，推荐大家关注一个公众号：Python编程学习圈。每天分享行业资讯、技术干货供大家阅读，关注即可免费领取整套Python入门到进阶的学习资料以及教程，感兴趣的小伙伴赶紧行动起来吧。

0 条评论