2022 年值得关注的最新 Web 开发和 JavaScript 趋势

2025-06-10

2022 年值得关注的最新 Web 开发和 JavaScript 趋势

对于 DHTMLX 来说,总结过去一年 Web 开发领域(尤其是 JavaScript)的成果,并对来年做出预测,已经成为一项良好的传统。每年都会为专业开发者和 Web 技术爱好者带来一些新鲜刺激的事物,今年也不例外。

在分析了热门调查和相关的网络统计数据后,我们准备与您分享一些最独特的发现。此外,我们还将为您回顾 DHTMLX 发展历程中的重要事件,并展望 2022 年的计划。

JavaScript 仍然被广泛使用,但不受开发人员的喜爱

由于 JavaScript 是我们最感兴趣的技术,因此我们应该首先评估它在编程语言评级中的当前位置。为此,我们将使用Stack Overflow 上最新的开发者调查。

流行的编程语言来源:2021 年开发者调查

在使用方面,JavaScript 的地位稳固,在 58,031 位受访的专业开发者中,68% 的人更倾向于使用 JavaScript 进行项目开发。但与此同时,我们都知道 JavaScript 在很多方面都远非完美,这导致了许多可编译为 JS 的语言的出现,例如 CoffeeScript、TypeScript 等。因此,当我们查看最受喜爱/最害怕和最想要的语言的评分时,情况有所不同也就不足为奇了。

在 82,914 名开发者被问及未来想尝试一项从未使用过的技术时,JavaScript(14%)仅次于 TypeScript(15%)和 Python(19%),位居第三。但在最受欢迎的编程语言方面,JavaScript(61%)仅排在第 15 位,而排名前三的分别是 Rust(86%)、Clojure(81%)和 TypeScript(72%)。此外,38% 的受访者将 JavaScript 称为最令人畏惧的编程语言。

令人喜爱和畏惧的编程语言来源:2021 年开发者调查

那么,JavaScript 是否应该被淘汰,并被更适合开发者的语言所取代?我们认为 JavaScript 是编程世界中真正的巨人,其缺陷在很大程度上被其广泛的生态系统和庞大的社区所弥补。因此,现在放弃 JavaScript 还为时过早。

JavaScript 框架:React 巩固领先地位,Svelte 赢得开发者青睐

2021 年 Stack Overflow 开发者调查也提供了有关前端框架领域现状的有趣信息。React 不出所料地成为最常用的 Web 框架(41%),超过了 jQuery(34%)和 Angular(26%)。此外,之前使用过其他框架的专业开发者也最期待尝试 React。

流行的 JS 框架来源:2021 年开发者调查

在我们之前关于 Web 趋势的文章中,我们指出 Svelte 有可能在 2021 年成为任何 Web 开发堆栈的重要补充。Stack Overflow 调查的参与者选择 Svelte 作为最受欢迎的框架。

调查受访者中最麻烦的框架是 Angular.js(76%)、Drupal(75%)和 jQuery(64)。

想要的、喜欢的、害怕的框架来源:2021 年开发者调查

我们可以看到,Web 开发人员并不惧怕在他们的项目中尝试和采用新的 JavaScript 工具,因此关注 2022 年的情况如何变化将会更有趣。

CSS 中发生了什么

在谈论 Web 开发趋势时,CSS 领域的新情况也值得一提。最近发布的《2021 年 CSS 现状调查》通过采访全球 8,714 名开发人员,得出了许多有趣的观察结果。

2021 年 CSS 状况来源:2021 年 CSS 现状

调查显示,开发人员对采用各种布局工具(例如 CSS Flexbox、Grid 和粘性定位)的意识和兴趣逐年增强。其他流行的 CSS 功能包括 calc() 函数、级联变量的自定义属性、ARIA 属性和 object-fit 属性。调查参与者还将容器查询列为 CSS 中目前最令人向往但又最缺失的功能。

流行的 CSS 框架来源:2021 年 CSS 现状

关于 CSS 技术,近一半的受访者表示他们正在使用一个或多个 CSS-in-JS 库。最广泛使用的 CSS 预处理器/后处理器是 Sass 和 PostCSS。在框架领域,Tailwind CSS 继续引起开发者最浓厚的兴趣和最高的满意度。Bootstrap 在使用率和认知度方面仍然位居第一,但 Tailwind CSS 每年都在不断逼近。

Covid-19 持续影响 Web 开发社区

COVID-19 疫情持续困扰着我们所有人。两年来,这场疫情对我们生活的方方面面都造成了严峻考验。因此,了解这场全球性疫情对编程行业的影响以及我们为应对疫情所采取的措施,是一件饶有趣味的事情。

GitHub 的年度《Octoverse 现状》报告就此主题提供了一些有用的发现。首先,在经历了相当长的一段不稳定时期后,开发社区的生产力恢复到了疫情前的水平,这令人欣慰。由于疫情形势严峻,许多公司不得不引入远程办公模式以保障员工安全。GitHub 表示,许多 IT 工作者希望疫情结束后能够在家办公或在混合办公环境中工作。

Octverse 的状态资料来源:2021 年 Octoverse 现状

应该说,开发社区正积极参与抗击新冠病毒的斗争。目前,GitHub 上有 10,388 个公共代码库致力于开展研究并提高公众对新冠病毒的认识。就用于交付这些项目的编程语言而言,JavaScript 是最受欢迎的技术。

移动网络开发和云技术蓬勃发展

随着互联网接入和移动设备越来越普及,全球人口也越来越能负担得起,拥有移动网络已成为一种新常态。如今,使用移动应用程序进行工作和休闲也已十分普遍。

以下是 Statista 对此事的一些有趣见解:

  • 去年,绝大多数互联网用户(92.6%)使用移动设备上网

  • 2021年,用于证明新冠疫苗接种情况和旅行护照的网络应用程序的普及率持续上升,下载量已达数千万次

  • 预计到 2025 年,移动应用收入将超过 6130 亿美元

考虑到不断发展的移动技术以及疫情带来的种种限制,可以肯定这些增长趋势在 2022 年仍将持续。因此,在移动设备上运行的能力已成为现代 Web 应用程序的主要要求之一。实践中,有多种方法可以实现这一目标。例如,可以构建原生移动应用、应用响应式 Web 设计、利用快速发展的混合或跨平台技术(Flutter、React Native、Cordova 等),或者选择近年来备受关注的 PWA(渐进式 Web 应用程序)方法。所有这些方法各有利弊,因此程序员必须仔细评估每一种方法,以便为其 Web 项目选择合适的方法。

另一个受疫情严重影响的领域是云计算。但与移动网络开发一样,基于云的技术(SaaS、IaaS、PaaS 等)在疫情期间也蓬勃发展。据美国咨询公司Gartner预测,到 2021 年底,全球云服务支出将达到 3960 亿美元,而 2020 年为 3130 亿美元,2022 年为 4820 亿美元。

项目管理应用程序需求上升

使用项目管理应用程序已成为各种规模的企业实现目标的常规做法。新冠疫情也对许多项目经理严格执行计划提出了严峻挑战。

Covid 对 Web 开发的影响资料来源:2021 年项目管理洞察报告

根据最新的PMI Insights报告,在接受采访的500名项目经理中,只有12%的项目经理表示他们的产品路线图几乎没有变化,甚至根本没有变化。因此,有效的项目管理工具对于实现预期的生产目标变得越来越重要。

尽管受到新冠疫情的冲击,Statista预测,仅在 2021 年,企业软件的总体支出就将达到 6010 亿美元,比 2020 年增长 13.6%,2022 年将进一步增长至 6700 亿美元。

项目经理需要获取准确且相关的项目 KPI(关键绩效指标),以便做出正确的规划决策。而专业的软件解决方案有助于收集必要的数据,从而提高项目管理的效率。

企业软件支出来源:Statista

对于计划在 2022 年开始构建项目管理应用程序的人来说,参考 Capterra 进行的《2021 年项目管理用户调查》中的一些要点可能会有所帮助。我们列举其中几点:

  • 在使用项目管理软件的积极影响中,调查参与者强调了改进时间表估算(60%)、有效资源分配(55%)和增强团队沟通(49%)

  • 2021 年,影响软件购买决策的主要标准是功能(29%)、价格(18%)、易用性(17%)和客户支持(13%)

  • 最受欢迎的三大项目管理功能包括甘特图(22%)、燃尽图(21%)和自动化工作流程(20%)

  • 受访者抱怨学习难度高(43%)、大量未使用的功能(43%)、集成问题(38%)以及使用现成软件时可能出现的其他负面因素

DHTMLX 与程序员长期合作的经验证实,上一段列出的因素往往会成为难以克服的障碍。正因如此,许多公司更愿意投资开发完全符合其需求的定制项目管理应用程序。

DHTMLX 扩展产品组合

DHTMLX 在 2021 年取得的成就
DHTMLX 团队一直密切关注最近的趋势以及 COVID-19 对行业的影响。

为了应对过去十二个月的挑战,公司继续致力于提供功能齐全且易于定制的项目管理 JS 工具。DHTMLX 发布了JavaScript 看板,旨在帮助项目经理实现工作流程可视化。

该工具的优点在于它可以轻松地与DHTMLX GanttScheduler组件集成在一个应用程序中,以满足大多数项目管理需求。

去年,DHTMLX 图表和电子表格中引入了最重要的更新。

DHTMLX思维导图

JavaScript图表组件新增了一种图表类型——思维导图。此外,DHTMLX Diagram 现在支持使用泳道清晰地排列图表中的流程,根据特定标准对不同形状进行分组,构建具有两个或多个父节点的层级结构,在组织结构图中指定助手等等。

DHTMLX 电子表格

JavaScript电子表格组件功能得到增强,新增 170 多个 Excel 数学和字符串函数,支持处理多个工作表并在它们之间进行交叉引用。其他值得关注的新增功能包括冻结列、文本和日期格式以及 TypeScript 支持。

DHTMLX 开发团队还注重覆盖现代 Web 应用的真实使用场景,并提供了三个现场演示:医院管理在线考试KPI 追踪器。程序员可以以这些演示为基础,更快地创建更复杂的基于 DHTMLX 的应用程序。

得益于DHTMLX产品在实际使用中获得的大量好评,公司获得了G2、Crozdesk、Capterra、GetApp、Software Advice等热门软件评测平台的多项奖项。

2022 年,DHTMLX 团队计划专注于改进现有的 JavaScript 组件,并通过新工具扩展产品组合。当然,他们将继续为客户在使用 DHTMLX 实施项目的过程中提供高质量且及时的支持。

本文最初于 2022 年 1 月 4 日发布在JavaScript in Plain English平台上。

鏂囩珷鏉ユ簮锛�https://dev.to/plazaev/latest-web-development-and-javascript-trends-to-follow-in-2022-118c
PREV
使用 Webpack 延迟加载图像
NEXT
在你的 React 应用中用于有效数据可视化的图表集合 React 图表 漂亮的 React 图表 React 流程 DHTMLX 图表 JointJS+ GoJS Syncfusion jsPlumb 最后的想法