大家好,我是前端实验室的大师兄!
为了纪念已经结束的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 分钟零门槛打造出专业大屏数据展示。
重磅！前端实验室读者交流群已成立
公众号运营至今，离不开小伙伴们的支持。
为了给小伙伴们提供一个互相交流的平台，特地开通了读者交流群
群里有不少技术大神，不定时会分享一些技术要点，更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~（群完全免费，不广告不卖课！）
需要进群的朋友，可以在下方公众号后台，回复 111
进了前端门，便是一家人 原创不易,点赞、留言、分享就是大师兄写下去的动力!
