想搞好前端其实并不容易，除了面对简单且扩散的知识面以外，还要紧跟技术发展趋势，排汇更多的衍生框架。本章仅从作为UU跑腿-同城即送行业从事多年的Web前端开发者视角，解读前端将来发展趋势。

挪动端能力放大

以前端技术为外围的开发方式，在挪动端越来越成为支流形式。

小程序生态的崛起

无线端始终是前端高速倒退的主战场，以近几年的发展趋势可知次要在以下区域：

  • App开发，以React Native为主
  • Hibird的模式，以Cordova为代表
  • 小程序，依赖于微信，支付宝等的生态

事实上，上述几个方向的开发，越来越被前端技术占据。在它们的冲击下，原生挪动开发将越来越少。

这是因为：开发与推广一个原生App的老本越来越高，越来越难。

原生App总体出现数量降落的趋势，并且可能将来会更显著。这也是很多公司前端团队规模迅速倒退的起因。

从中国互联网络倒退情况统计报告2020报告上能够晓得，国内App数量在2018年达到高峰，随后越发出现降落的趋势，显著受到小程序等的生态的影响。

目前腾讯、阿里、滴滴、美团、支付宝、字节全系列等企业都曾经实现了小程序架构的建设。这也就意味着将来几年，会有更多的利用会以此模式横蛮倒退。而企业想要晋升本人的外围竞争力，必然会重视前端技术的倒退。

所以，原生开发人员面临十分严厉的局势。尽管它不可能会沦亡，但前面原生越来越会往平台或H5的承载体方向倒退，这是一个曾经存在的趋势。

跨端能力的加强

随着前端构建技术的通知倒退，优良的构建框架如雨后春笋涌现，Web利用在跨端方面体现的能力越来越强。一套代码多端通用带来的人效晋升尤为显著。越来越多的企业开始转入低成本高人效的跨端畛域，以寻求更快的业务倒退。

然而小程序只是前端跨端技术的冰山一角。跨端技术比拟出名的就是Taro，基于动态编译时的计划。随着鸿蒙OS的推出，将来跨端将成为企业抢夺资源的新战场。而鸿蒙OS也率先反对了JavaScript-前端次要开发语言。

随着跨端技术成熟，多利用通信或者成为中大型利用的枷锁。而微前端的话题这几年也逐步升温，一种将前端整体合成为小而简略的块的模式。这些块能够独立开发、测试和部署，同时依然聚合为一个产品呈现在客户背后。 咱们将这种技术称为微前端。

简而言之，微前端都是将微小的货色分成更小、更易于治理的小局部，而后明确它们之间的依赖关系。咱们的技术抉择、代码库、团队以及公布流程都应该可能彼此独立地运行和开发，不须要过多的协调。

总之，将来的跨端技术处于且将长期处于多计划并存且一直变动的状态，也注定须要更多的前端研发者投身其中。

PC桌面端入侵

以NW.js和Electron为代表的前端技术的呈现，意味着前端技术当初也呈现在的桌面端中了。

只管它可能不会成为桌面开发的支流，但它意味着一个极具性价比的可选计划呈现，会越来越多的呈现应用这种计划的桌面利用。

早在2016年我就主导团队应用Electron研发了前端协同工具-Bomb，简直反对所有操作系统。借助Node生态可能很好的治理每个人的组件、脚手架、插件等。极大的进步了团队的工作效率和协同合作能力。

<img src="https://uufefile.uupt.com/PicLib/test/test/%E4%BB%8B%E7%BB%8D_1550047775696.gif" alt="">

它开发进去的货色是跨平台的，意味着开发一次，反对Window,Linux以及Mac零碎，能够缩小开发桌面端对开发人员的要求，与其寻找原生Win或Mac程序员相比，前端人员显然更好找。

但这不影响前端PC技术的倒退，基于此技术的利用越来越多，只是大多数人没有感知而已。阿里云盘、飞书、vscode（专业级）、Slack等都是基于前端PC技术Electron开发的。

前端向全栈的输入

这几年全栈工程师被炒的十分炽热，而倒退最快的所属Web前端转全栈，因为前端的根底语言是JavaScript，而后端Node的根底也是JS语言，这就为前端研发人员发明了得天独厚的劣势。不过Node永远不会取代后端支流语言，至多当初不会。

前端程序员是最靠近全栈程序员的职业。想像下，咱们抛开团队来说，哪一端的程序员最有可能独立做出一个残缺的产品?

他们能够应用NodeJS编写后端服务，再编写H5网页或应用小程序，React Native编写一个挪动端的APP。

这会产生一个什么样的后果 ？

领有这两个劣势的全栈，就会造成其它技术形容不了的两个重要趋势：

1.前端全栈技术的产物更具备间接应用价值，而非单纯的技术撑持

事实上，这不是趋势，在明天曾经成为一个事实了。

很多程序员，包含后端程序员，应用的一些有名的产品，都是基于前端全栈技术的杰作。但可能大家都没意识到：

比方：

  • 最有名的博客零碎hexo，是前端技术
  • GitBook，容许你疾速的编写一本电子书
  • docusaurus，Facebook出的一个让程序员疾速生成本人产品网站的开源产品。
  • Gatsby是一个基于React ，用于搭建动态站点的开源框架。
  • ........

将来能够意料的是，在前端技术的撑持下，相似的卓越的货色只会越来越多，也就是前端会产生越来越多具备间接应用的价值品，而不是和后端一样，更多的是一些撑持框架。

2.前端全栈技术将是集体英雄辈出的最可能方向

如我下面所述，如果不依赖团队，当一个程序员有了一个idea，想独立去实现这个想法，构建一个产品。那谁最有可能独立做到这个事件？

我在面试产品经理的时候常常分享一个点，当初做一个优良的PM很招。因为产品重大同质化的明天，简略的货色产品小白能够抄，一个多年产研教训的程序员，产品逻辑思维不比任何一个PM差。

更何况当初的UI框架遍地开花，不出UI框架如同不是一流研发团队一样。

有了产品思维，有了UI框架，有了本身全栈技术，他们就能够应用本人的技术简直去构建每一个方向的产品，无论是后端服务，还是网页，或挪动端App，他们简直都能依附本人的技术实现，而不是去组建一个团队。这在将来很多年后，都会有大有可为的空间。

很多人为此争议会说，一个人永远做不了三个人活？一个人保护不了？一个人做不精？

这个时候咱们评论一个人的规范曾经产生了变动。1集体为何要和3集体比？咱们比照的是在遇到负责业务和辣手问题时，同为一个人的研发岗位，前端全栈会有更大的价值空间、更多的抉择和更好的解决方案。

更多的待业方向

随着前端技术的倒退，其待业方向越来越宽泛，我预计将来几年前端将划出分水岭，前端岗位的划分越来越精密，垂直畛域也会越来越深。

中后盾/云服务体系

当初咱们曾经齐全进入了云服务时代，与过往不同，云厂商提供了各式各样的云基础设施，再往后咱们进入了Serveless的时代，也就是无服务。

无服务并不是真的没有服务，而是服务由云服务商提供，你只须要关注业务即可。而与Serveless相伴而来的则是FaaS,也就是函数即服务。

不论是Serveless或是FaaS,NodeJS以及JS等前端技术是最合适的技术，特地是NodeJS的冷启动工夫在毫秒级，远优于JVM秒级的水准，而对于Serveless来说，按需启动与进行这个点对于冷启动工夫有十分高的要求。

在这一点上，尽管有一些争执认为JVM也适宜Serveless技术，但从启动工夫上来说，无疑是NodeJS更甚一筹。

Web3D/AR/VR等前端图形技术

一线大厂前端技术的倒退，始终催动着整个交互体验后退的步调，用户对于前端交互技术越来越关注。AR、VR、WebGL等畛域开始进入发热期，这也是元宇宙的根底(只管我不看好它)。小游戏在市场上始终像过山车一样，但无疑它是最低老本高营收的行当。

其中就利用场景落地较好的就是支付宝团队，五福晦涩的Web3D技术闪爆双眼。其团队也开源了他们的Web3D框架Oasis Engine ,

进一步推动了前端3D技术的倒退。

正好咱们往年应用Oasis Engine框架做了一个我的项目，首次应用模型实现整个界面的交互。

并且分享了对于《如何从美术到前端导出高质量的glTF》的文章，有幸被其团队收录到了官网。

<img src="https://cdn.jsdelivr.net/gh/MaleWeb/picture/images/techblog/image-20211130161425593.png" alt="image-20211130161425593" style="zoom: 50%;" />

UU跑腿，始终比拟关注前端技术的倒退，过来几年UU给予了前端十分多的资源和空间。将来前端团队也会涉足更多的畛域，为用户带来更好的交互体验。也欢送更多大牛退出咱们的团队male@uupaotui.com

将来有限设想空间....

我的全栈之路

入职UU的5年中，在组建团队，搞基建的同时（UU前端倒退历程），凭借晚期把握的PHP底子和对新技术的酷爱，也让我从一个前端逐步转变成了一个全栈程序员。随着本人全栈我的项目的研发积攒，我在技术上再次发生转变，走了基于Node的全栈纵深之路。先后主导发动的外部工单零碎、内网平台、面试零碎、招聘零碎、营销零碎、协同工具等帮忙UU最大限度晋升人效和减速业务拓展。

直到成立了独立部门-「效力翻新核心」Efficiency Innovation Center，致力于通过全栈技术，提供升高沟通老本、进步合作效率的工具和解决方案，助力组织业务倒退和指标达成。

多年全栈研发让我总结出几点：

新技术永远在源源不断的变革，但实质并没有太多变动，只是应用它解决问题的模式变的越来越多样化、多元化。

不要局限于一种编码语言，不要把本人定位在一个方向或岗位，一专永远不会耽搁你的多能。

学习能力，永远是掂量程序员亘古不变的指标。

永远放弃一个疑难：技术真正是什么？在你的每个阶段去寻常答案，都不同却又雷同。

本文由博客一文多发平台 OpenWrite 公布！