如今的前端早已不再拘泥于满足页面展示,而是开始延展到通过全栈来闭环产品。这表明前端已经有能力透过业务深入产业,继而影响商业结果。这种表象的改变背后是本质的转变,从更为宏观的角度来说,前端正在通过持续的技术革新和技术融合不断突破自身边界,进而重新定义自身价值。在这种大变革的时代背景下,广州蓝景前端团队也正在与时俱进得进行着技术更新、优化与升级,结合自身这一年的快速发展,广州蓝景前端团队为大家带来2022年上半年大前端技术趋势解读。

前端相对于其他it来说,目前形势还是不错的。前端现在的触手已经延伸的十分广泛,服务端,计算机视觉,浏览器内核,图形渲染,数据可视化,移动端,游戏,VR,甚至现在风头正盛的鸿蒙开发。 都有前端的一席之地。

前端早已由单纯工具解决问题的属性逐步转变为深入产品机制解决商业问题的角色。前端开发者的关注点也早已不是如何使资源利用效率更高,页面体验更优以及保证业务的稳定输出,而是更为关注产品能力、产业模式、数据建设以及商业转化。

开源站点录了Github上1500个开源项目,基于Bestofjs去年的2021年JavaScript明星项目报告和近一年Trending排行 数据,下面展示了Top10的前端重点项目,可以看到,有非常多的老面孔,但也出现了很多新面孔,例如Tauri替代Electron,解决后者的大而慢的问题,基于 Rust开发,近期发布了 1.0版本,又例如vite,大有超越webpack的趋势,借助esbuild的优秀性能构建速度和更开箱易用的特性,而被多个开源项目所使用。

同样的,我们还基于 GithubTrending API 的公开数据,更新统计这些项目的Stars新增趋势。相比于去年,学习资源越来越丰富了,Top100 内有14个项目是与前端基础学习相关的,侧面可以看出前端行业的繁荣;同时也反映出知识和人才的迭代速度是非常快的。Javascript算法与数据结构是过去一年Star增长最快的开源项目,打破了Vue.js连续4年登顶的垄断。还记得当年Deno的出现,出现的那句经典的“求不要更新了,老子学不动了”。事实证明“学不动的时代” 并没有到来,而是更发的引起了学习的浪潮。除了跟学习相关的项目,倘若只关注垂直领域的技术项目,我们会惊喜地发现以下这9点:

1.TypeScript持续升温,依旧保持着高速成长的状态,未来的潜力不可限量;

2.构建工具方面,今年绝对是Vite的爆发之年,不管是大厂的支持,还是排名上,都是稳稳的第一名,力压第6位的webpack和第9位的rollup;

4.伴随着WebAssembly核心规范成为浏览器的标准,继HTML、CSS和JS之后,像C/C++、Rust、Go等语言编写的高性能模块也在浏览器上运行。相信在不久的将来,Web应用的桌面客户端化,也将成为一种趋势;

5.Strapi位列Nodejs相关领域的第三名侧面反应了低代码的趋势还在持续升温,各家都在研制自己的低代码平台来提升开发效率;

6.JS Framework 相关的领域,Next.js超越Nest成为了今年的冠军。在强大的React体系的影响下,业务越来越多的人选择使用同构和直出的方案来构建Web应用;

7.Serverless Framework 也进入了前Top100,虽然排名不高,但是已经开始慢慢展示出了可持续发展的势头。且能在各大云厂商中广泛应用,也算是对其前景的肯定;

8.大前端生态系统已经逐步完善,前端工程化逐步完善,DevOps已经走向了系统化的发展方向,前端技术已经进入深水区;

9.由于直播行业的火热,以及疫情的影响,音视频领域在过去的一年也有着蓬勃的发展。在前端领域WebRTC的技术在持续升温。

从2019年开始,社区内掀起了学习使用TypeScript的浪潮,从npm的下载量来看,近几年TypeScript呈现爆发式增长,甚至在2022年在Github语言的排行榜上跃居到了第三位。

侧面反映出,IT从业人员的持续性增加和该行业的活跃度和规模化,并且今年依然会有一个持续增长的态势。

前端界的三大主流框架:React、Angular和Vue.js,今年仍是炙手可热。此外,在过去一年,这三大主流框架还迭代了许多版本。在三大框架之中,根据过去一年的NPM下载量,React仍然稳居首位。

随着今年React 18的发布,期待已久的并发渲染器、对 Suspense 的更新,还有服务器组件等,现在的React正在发力于浏览器和服务端,它会变得无处不在。

在 Vue 3 正式发布一年多后,我们看到这个生态系统正伴随着许多伟大的创新迅速发展。也为 TypeScript 的开发带来一波红利;以 Composition API 为基础建立的新状态管理器 Pinia 成为 Vuex 的继承者。

并且随着 Vite 成为 Vue 新的默认工具,Nuxt 3、Quasar 和 VitePress 等元框架现在都使用 Vite 作为其默认引擎。让开发者体验有了巨大的改进,并为创新打开了许多新的大门。

社区还在调整 Vue2 到 Vue3 的开发者体验上的问题,使迁移过程更加顺利。对于 Vue 开发者来说,这是伟大的一年,他们的应用在开发者体验和性能方面都得到了巨大的改善。

从2014年Forrester的研究报告提出“low-code”一词到今天,低代码领域持续升温。从低代码领域的行业角度看,2017年后,微软、甲骨文等各大厂家纷纷加入了低代码赛道的竞争。近年来,获得3.6亿美元融资的Outsystems更是成为低代码领域海外市场的一只独角兽。国内方面,也不乏云凤蝶、点石、iVX、轻流、积木等平台的诞生,低代码产品领域的蓬勃发展,正成为特定场景软件开发的重要趋势。

从DevOps到NoOps的路径之一,便是目前大家都在尝试的Serverless了。自从2012年有了Serverless的概念开始,至今已经10年头了。近年来随着国内的云厂商,如腾讯云、阿里云、华为云对Serverless的支持,并且伴随着小程序云开发的普及,国内的开发者对Serverless的使用已经非常熟悉了。

今年9月CodingSans 联合其9个合作伙伴,发布了Serverless2022 年度状态报告。调查结果显示:有75%的开发者会在公司使用这项技术。如此高的Yes也基本反映出了这样的技术已经被大众普遍接受并使用。

我们可以看到开发者选择应用Serverless的场景有很多,比如:为小程序、Web、Mobile提供基础性的API服务,大规模批处理任务处理,Web站点、DevOps的工具以及GraphQLAPI能力。

与其说Serverless是一项技术,不如说Serverless是一种理想的工作模。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注