分享

盘点 2022 年前端最有 ‘钱景’ 的技术

 ZmlZwh 2022-01-16

大家好,我是前端实验室的大师兄!

为了纪念已经结束的2021,迎接已经到来的2022,为了帮助前端小伙伴们更加仔细的了解这几年的前端趋势;端实验室出品了一份前端技术分析,以及前端开发着的前景

下面就和大师兄一起探讨一下前端的发展趋势吧

JavaScript依旧霸榜

GitHub 正式发布了 2021 年度报告。今年的研究结合了来自 400 万以上存储库的数据和来自 12000 多名开发者的调查结果,得出了一些有趣的结论。

图片

过去一年里,有 1600 万开发者加入了 GitHub,目前平台的开发者数量已经达到了 7300 万,他们在 GitHub 上创建了 6100 万个存储库。

世界财富 100 强企业中的 84% 都在使用 GitHub。

图片Javascript始终位列第一,Python 和 Java 近三年来分别位列第二和第三。

从 2017 年开始,TypeScript 的热度在几年内一路飙升, 呈现爆发式增长,终于抵达「第四名」的位置,超过了 C#、PHP、C++ 等二十几岁的老前辈,未来可期。C语言近乎跌出Top10榜单,被Shell赶超。

在2021Q1季度,SlashData发布了 2021 年《开发者报告》,调查来自全球 155 个国家或地区的 19000 名受访者。根据最新的调查结果,该公司估计 JavaScript 在全球有 1240 万开发者,包含 TypeScript 和 CoffeeScript 开发者,因为它们都是基于相同的 ECMAScript 标准。

图片

HTML6.0的到来

尽管许多新技术使网站创建过程变得更简单、更高效,但 HTML 始终是核心。随着 HTML5 的普及,在 2014 年,这种标记语言发生了很多变化,变得更加友好,浏览器对新标准的支持热度也越来越高。而HTML并不止于此,还在不断发生变化,并且可能会获得一些特性来证明对 HTML6 的命名更改是合理的。

图片

虽然目前只是提案,但是随着上面所说浏览器硬件的不断升级,相信6.0不远了

HTML6新增功能:

  • 由调整图像大小
  • 专用库
  • 微格式
  • 自定义菜单
  • 增强身份验证
  • 集成摄像头

使用场景变化

根据QuestMobile2021中国移动互联网秋季大报告,可以看到中国移动互联网发展历程图片

小程序的蓬勃发展

各一线大厂加速小程序端的布局

图片

低代码崛起,无代码出世

图片全球低代码开发平台的市场规模在2020已达到了84亿美元,而预计在2021超过百亿美元,不过由于受全球疫情影响,预计全球低代码市场年复合增长率会有所下降,将保持在41%左右的水平。其中,中国市场将是重要的增量市场,而前端又是其中最重要的环节。

图片

在中国,无代码市场规模2020年为28.5亿元,预计未来五年复合增长率将达49.2%,保持快速增长。

市场规模预计在2024年将达到百亿量级,市场增长之所以的如此之快,主要是企业数字化转型需求增加,再加上诸如金蝶、腾讯、百度、阿里等厂商纷纷入局,大大推动了市场,从而迎来了新的爆发期。

图片

移动端持续发力

从《中国互联网络发展状况统计报告2021》上可以看到,今年国内在架APP数量为302万款,较2020年12月减少43万款,下降12.5%。明显受到小程序,H5等生态的影响。

原生App总体呈现数量下降的趋势,并且可能未来会更明显。开发与推广一个原生App的成本越来越高,越来越难。图片

随着前端构建技术的快速发展,优秀的构建框架如雨后春笋涌现。Web应用在跨端方面表现的能力越来越强。

一套代码多端运行,越来越多的需求被前端技术占据,原生移动开发将越来越少。

  • uni-app 多端覆盖uni-app 是DCloud公司使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。
  • Taro一次编写,多端运行Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。通过编译,将源代码分别编译出可以在不同端(微信小程序、支付宝小程序、字节系列、快应用等)运行的代码。
  • Flutter混合开发,是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。是一个完全由Dart语言构建的SDK,它实现了一整套自底而上的基础库。
  • React Native是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物,目前支持iOS和安卓两大平台。
  • ......
图片

Web3D技术,元宇宙

伴随着视觉C4D的浪潮,用户对于交互体验的要求越来越高。AR、VR、WebGL等领域开始进入发热期,这也是元宇宙的基础

图片
  • 工业数字化中台,监控台,园区设备等场景
  • 智能家居的进一步发展,3D云看房,远程操控台等场景
  • NoCode下的3D模型,拖拽式的仓储管理系统等场景
  • 智能机器人,Iot物联网场景
  • AR,VR、元宇宙.....

这些场景的爆发都离不开前端技术,有些场景还需要将前端作为主要技术切入点。在端的缺口只会越来越大,在未来,前端的缺口只会越来越大,高级前端的需求也是越来越大,技术深度和广度的要求也会越来越高。

Babylon.js是最好的JavaScript3D游戏引擎,它能创建可以出售的专业级游戏。Babylon.js的一些核心功能包含了场景图与灯光、摄像机、材料和网格、碰撞引擎、物理引擎、音频引擎和优化引擎。

Three.JSThree.js本身历史较久,主打渲染,社区也较为成熟,如果你喜欢使用WebGL、WebGL2、WebGPU做一些炫酷的内容,Three.js可以成为首选。

Electron助力PC端发展

Electron为代表的前端桌面应用技术的出现,意味着前端技术也出现在桌面端了。并且支持跨平台Window,Linux以及Mac系统,可以减少开发桌面端对开发人员的要求,与其寻找原生Win或Mac程序员相比,前端人员显然更好找。

知名的阿里云盘、飞书、vscode(专业级)、Slack等都是基于Electron前端技术开发的

尽管它可能不会成为桌面开发的主流,但它意味着一个极具性价比的可选方案出现,会越来越多的出现使用这种方案的桌面应用。

图形技术

这两年有太多项目努力将PS搬到用户面前,让Canvas图形技术落地。借助沉淀的UI资产,通过简单的拖拽,即可轻松完成想要的图稿。

类似的有可画、酷家乐、图怪兽、凡科快图、稿定、阿里鹿班、京东羚羊等等。

数据大屏看板

阿里云DataV可视化数据,目前已升级云端Saas服务了。

腾讯云图是一站式数据可视化展示平台,10 分钟零门槛打造出专业大屏数据展示。

图片

重磅!前端实验室读者交流群已成立

公众号运营至今,离不开小伙伴们的支持。

为了给小伙伴们提供一个互相交流的平台,特地开通了读者交流群

群里有不少技术大神,不定时会分享一些技术要点,更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~(群完全免费,不广告不卖课!)

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多