2020 有哪些不容错过的前端技术趋势？

**导读：**2019 年的大前端热闹非凡，Serverless，Flutter，Vue3.0，桌面应用开发，小程序，WebAssembly 的火爆发展仍是超乎咱们预期，2020 的大前端又有哪些不容错过的技术趋势呢？

四位技术人不4、杜欢、海波和堂主对 2020 年前端发展趋势进行了展望，同时也阐述 2020 年前端从业者可能将要面临的挑战。

• 不四  蚂蚁金服高级前端技术专家，语雀产品技术负责人
• 杜欢 阿里云战略 & 合做部 高级前端技术专家、阿里巴巴经济体前端 Serverless 研发升级项目负责人
• 海波  网易云音乐前端负责人
• 堂主  政采云前端负责人

Q1：在 2019 年大前端领域，您印象最深入或者最重要的一件事情是什么？

**不四：**随着大前端领域开始进入深水区，愈来愈多的资源开始往两端倾斜，Low Code 领域解决大量营销活动和中后台的业务场景， Pro Code 领域则经过基建赋能来提高开发者的研发效能，支持更复杂的研发场景。

**杜欢：**2019 年，云厂商和整个前端开发者社区都在积极推进 Serverless 概念的落地，云 + 端的研发模式雏形初显，大前端的将来充满更多可能。

**海波：**运营工具体系做为前端容易切入的业务赋能场景，近两年在各个大小厂如雨后春笋般涌现，诸如页面搭建工具以及图片、音视频等素材的合成制做工具等等，其中也有不乏结合视觉、音视频算法以及推荐算法的智能化场景案例。相信 2020 年运营工具在限定场景下的智能化拓展应该会成为一个你们发力的重要赛道，由于传统的拖拖拽拽的生产方式在提效上的天花板是存在的。

**堂主：**过去一年最深的感觉，在于随着业务及终端的多元化，前端也正式进入了深水区，在解决业务问题的同时，更加关注研发效能。在工程技术收益向平台业务收益转变的过程当中，前端正在向传统职能范畴的上下游进行拓展和打通，从研发工程化到智能 AI+ 的自动化探索，研发工程链路上的 Low Code 对业务赋能降本的惊人价值；Serverless 理念的认知与实践，前端研发能力的越发下沉和带来的应用单兵能力，能看到行业在由 Web 前端开发向 Web 应用开发快速前进的趋势。

Q2：2019 年，最超乎您预期的一个前端技术趋势是什么？

**不四：**我本身的工做重心其实在 Pro Code 和全栈研发领域，可是 19 年过去以后回头来看，Low Code 领域的发展迅速超出个人预期。从最先的经过模块化搭建解决营销活动领域的问题，发展到如今能够经过 Low Code 来解决内部复杂的中后台业务需求，随着智能化和前端的结合、Low Code 和 Pro Code 的结合，尽管仍是在探索阶段，可是从趋势来看这多是给前端提效的一个大方向。

**杜欢：**前端 Serverless 研发模式在阿里巴巴双十一落地仍是让我感受很是震撼的，虽然还只是迈出的第一步，但这一步的象征意义很是巨大且显性。经过阿里经济体前端 Serverless 研发模式升级实践能够看出将来应用开发的几个特征：

• 业务开发者再也不关心很细节的机器资源申请、运维；
• 数据源将获得进一步的融合，业务层能够自由编排使用；
• 前端能够完成整个应用的交付；
• 流量高峰先后，不用主动规划资源；经过这些研发态的变化，业务能够更低成本更高效的试错。

**海波：**应该是小程序吧。除了AT（阿里和腾讯）小程序继续收割流量，日活再创新高，2B (百度和字节) 小程序也开始展露头角，甚至 360 还提出了桌面端小程序概念，在边缘场景也想分到一杯羹。「小程序跨端」这个技术议题开始变成刚需，好比 taro 等技术方案变得愈来愈有市场，技术方案从跨 Web 和 RN 等，演变到须要跨小程序 ABCDEFG… 。不得不说，在为这些小程序疲于奔命的时候，做为普通开发者，咱们对于 Web 标准自己的关注正在减弱。不过从纯技术视角看，小程序对于跨端体验优化仍是有参考价值的，好比离线包、独立历史栈的多页保活 Webview 以及一些关键视图的混合渲染，切实解决了纯 Web 的体验痛点。另外，W3C 也首次发布了小程序标准化白皮书的内容，偏门变正道也存在可能性。

**堂主：**2019 年最超出我预期的实际上有两个，其一是 Low Code 能力的发展对人效的提高，由单端到如今的多端；由早期的偏营销展现的轻业务场景到如今的中后台复杂业务场景，乃至业务模型、链路和事件的可支持；由 UI 模块的人肉编码研发到智能化的 UI2Code 生成通过实践。其二是 Serverless 理念的普遍布道和部分厂的垂直化尝试，就像前面问题回答的，前端的能力在下沉，正回归到 Web 工程师的路上，这不管是对业务仍是前端自身都是利好。

Q3：2020 年的大前端领域，您认为最值得关注的技术趋势是什么？

**不四：**随着前端框架和其余基础设施的进一步完善，前端工程师可能更多的须要将关注点放在如何利用这些基础设施来更好的解决业务问题上来。在 Low Code 领域如何让 Low Code 的产物与 Pro Code 结合以解决更复杂的业务，在 Pro Code 领域如何使用云服务、Serverless 等技术为基础，进入更广阔的全栈研发世界，都是值得关注和投入的。

**杜欢：**从前端行业价值角度上看，我目前仍是会认为能够优先关注云端 Serverless 研发模式升级这件事情。随着云底层能力的不断丰富，云厂商平台逐渐提供了愈来愈强的免架构及免运维能力，使得整个社会开始逐渐具有将经历聚焦到业务思考自己，这会影响到雇主对整个研发体系建设的选择。当雇主有机会让更多研发人员只专一业务逻辑开发时，广泛具有专业的设备端交互逻辑开发且能经过 NodeJS 等语言实现后端业务逻辑开发的大前端行业，将会获得更大的机会，这会是对整个行业带来深远影响的方向，值得你们关注。

**海波：**Serverless 吧。咱们内部虽然也在尝试积极实践 Node BFF ，但若是抛开拓展职能边界这个对内价值，而从最终提效来讲，效果可能并不明显， Node 更多的会用在一些非核心链路（好比运营工具、监控平台等）或中后台业务以及相对较成熟的 SSR 等。而且在面对大流量的 C 端场景，也会一些稳定性隐患，大厂可能能够有充足的投入去保障，中小厂就相对没那么幸运了，只能选择在一些小场景反复磨炼。而 Serverless 做为一种科学的开发理念和新的协做分工模式，有可能将一个模块或功能（甚至应用）的 ”端+服务“的开发复杂度缩小到单位人力可承载，贴合前端广且薄的职能特色，从而解决人员基础的问题。

**堂主：**我认为是 Serverless，基于 Serverless 的研发体系变革和能力进化的普适性和影响深度会超出一些同窗的预期。Serverless 对底层资源和运维工做的封装，让前端能更专一于交互逻辑、业务逻辑和数据而非环境自己，在 UI 即函数 + Faas 的事件驱动，Node 能力结合容器及微服务的架构，前端比以往更容易以全栈的姿态贴近业务、服务业务。将来结合 AI 智能生成的加持，Web IDE 对本地环境的抹平和业务开发与平台能力的打通，前端的变革会更加深远。

Q4：您认为对于前端从业者来讲，2020 年可能面临的最大挑战是什么？

**不四：**正所谓能力越大，责任越大。随着前端能使用的“武器”变的更强大，前端要解决的问题也更复杂。然而不论前端如何发展，最终仍是要回归到“解决问题”这个本质上。可否利用这些新的“武器”来找到新的业务场景，或者让以前的场景明显提效，多是接下来大前端开发者须要思考的。

**杜欢：**上面我更多的在提云端 Serverless 研发模式升级这件事情，实际上除此以外，前端还有不少其余不错的方向，好比智能化、低代码化等等，其中有一些会是帮助前端进一步解放的工具，有一些是帮助前端进一步扩大价值的方法，可是这二者，都对前端提了一个相同的要求：要作一个精通业务的开发者，若是仍是像原来那样简单的“切页面”，那可能将来第一批被淘汰的就是这些人。而要成为一个精通业务的开发者，又将会是一个全新的话题，除了技术以外，咱们要连接更多，思考更多！

**海波：**2020 年的挑战我以为和 2019 年并不会有实质差异，务虚一点说：「如何在业务中探索前端的技术价值体现」，这点我以为在全部业务前端团队可能都是长久的挑战。

**堂主：**2020 年前端研发体系的升级不会这么快，诸如 Serverless 也还处于理念到最佳实践的探索阶段。最大的挑战，我认为是在新思想和各方实践的推进下，优点大厂平台和通常小厂之间行业技术从业者的认知代差会进一步扩大，后续几年，初中级从业者的行业红利会逐渐消失。这里仍是要强调下，技术的价值在于解决业务问题，不一样阶段的业务所需的技术配套是不一样的。拥抱业务，不要狭隘的从前端角度看业务，从业务角度去看研发看前端，聚焦各自的业务问题，由场景出发找方案能带来更好的成长。

Serverlesss 技术公开课上线

“Serverless” 随着云原生概念的普及，近年来很是火爆。彷佛人人都热衷于探讨它出现的意义，但对于 Serverless 具体产品形态如何？怎样在生产中落地使用？在落地过程当中有哪些深坑却讨论甚少。这一次，咱们集结 10+ 位阿里巴巴 Serverless 领域技术专家，打造最适合开发者入门的 Serverless 公开课，让你即学即用，轻松拥抱云计算的新范式——Serverless。

点击便可免费观看课程：developer.aliyun.com/learning/ro…

“阿里巴巴云原生关注微服务、Serverless、容器、Service Mesh 等技术领域、聚焦云原生流行技术趋势、云原生大规模的落地实践，作最懂云原生开发者的公众号。”