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

本文涉及的产品
函数计算FC,每月15万CU 3个月
简介: 2019 年的大前端热闹非凡,Serverless,Flutter,Vue3.0,桌面应用开发,小程序,WebAssembly 的火爆发展还是超乎我们预期,2020 的大前端又有哪些不容错过的技术趋势呢?

image.png
四位技术人不四、杜欢、海波和堂主对 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 研发模式升级实践可以看出未来应用开发的几个特征:

  1. 业务开发者不再关心很细节的机器资源申请、运维;
  2. 数据源将得到进一步的融合,业务层可以自由编排使用;
  3. 前端可以完成整个应用的交付;
  4. 流量高峰前后,不用主动规划资源;通过这些研发态的变化,业务可以更低成本更高效的试错。

海波:应该是小程序吧。除了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 也还处于理念到最佳实践的探索阶段。最大的挑战,我认为是在新思想和各方实践的推动下,优势大厂平台和一般小厂之间行业技术从业者的认知代差会进一步扩大,后续几年,初中级从业者的行业红利会逐渐消失。这里还是要强调下,技术的价值在于解决业务问题,不同阶段的业务所需的技术配套是不同的。拥抱业务,不要狭隘的从前端角度看业务,从业务角度去看研发看前端,聚焦各自的业务问题,由场景出发找方案能带来更好的成长。

相关实践学习
【文生图】一键部署Stable Diffusion基于函数计算
本实验教你如何在函数计算FC上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。函数计算提供一定的免费额度供用户使用。本实验答疑钉钉群:29290019867
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
目录
相关文章
|
2月前
|
前端开发 JavaScript API
前端技术探索:从基础到未来趋势的深度剖析
前端技术探索:从基础到未来趋势的深度剖析
86 1
|
2月前
|
算法 搜索推荐 量子技术
技术探索之旅:从基础到创新的心得体会
在技术的浩瀚海洋中,我踏上了一段从基础学习到创新实践的旅程。这不仅是一次知识的积累,更是一场关于自我挑战与突破的冒险。本文将分享我的技术感悟,展现如何从零开始,逐步深入,最终实现技术创新的过程。
|
4月前
|
Java 物联网 Android开发
移动应用与系统:技术演进与未来展望探索安卓应用开发:从新手到专家的旅程
【8月更文挑战第28天】本文将深入探讨移动应用开发的技术演进、移动操作系统的发展历程以及未来的发展趋势。我们将通过实例和代码示例,展示如何利用最新的技术和工具来开发高效、可靠的移动应用。无论你是初学者还是经验丰富的开发者,这篇文章都将为你提供有价值的信息和见解。 【8月更文挑战第28天】在这个数字时代,掌握安卓应用的开发技能不仅是技术人员的追求,也成为了许多人实现创意和梦想的途径。本文将通过深入浅出的方式,带领读者从零基础开始,一步步走进安卓开发的奇妙世界。我们将探讨如何配置开发环境,理解安卓应用的核心组件,以及如何通过实际编码来构建一个功能完整的应用。无论你是编程新手还是希望提升自己的开发者
|
4月前
|
Cloud Native 持续交付 开发者
"云原生时代,开发者如何坐拥创新利器,秒变技术大牛?揭秘黄金时代背后的秘密武器与无限可能!"
【8月更文挑战第14天】云原生技术的兴起标志着软件开发进入黄金时代。它不仅是一种技术趋势,更是思维的革新,赋予开发者前所未有的灵活性和效率。通过微服务、容器化等技术,云原生加速了创新迭代,提升了资源利用与成本效益,增强了应用的可靠性和韧性,并促进了团队间的协作与知识共享。这一切都为开发者创造了更多机遇与挑战。
39 1
|
4月前
编程之我见:技术与创新的融合之旅
【8月更文挑战第21天】在数字时代的浪潮中,编程不仅是技术的展现,更是思维的飞跃。本文将通过个人的技术成长经历,探讨如何在编程实践中结合创新思维,提升问题解决能力,并实现自我突破。
|
5月前
|
编解码 前端开发 JavaScript
现代Web开发中的前端技术趋势与挑战
随着互联网的迅猛发展,现代Web开发中前端技术正日益成为关注的焦点。本文探讨了当前前端技术的主要趋势和面临的挑战,从性能优化到跨平台适配,为开发者提供了深入的洞见和解决方案。
|
6月前
|
算法 前端开发 程序员
一个土木工程专业背景的开发者,讲述开源带给他的力量
**谭雪峰在TDengine Open Day分享开源经历,揭示程序员如何通过开源项目成长。自学成才的他,从土木工程转行编程,借助开源社区学习、贡献代码,参与TDengine HiveMQ挑战赛获胜,最终加入涛思数据。开源不仅提升代码质量、提供实战经验,也拓宽技术视野,助力个人品牌建立,促进开发者、项目和社区的共赢。程序员通过参与开源,能从代码编写者转变为问题解决者和工具创造者。**
65 0
|
7月前
|
分布式计算 大数据 Java
问我大数据怎么入门,我总结了亲身体验的学习路线推荐给她【推荐收藏】
问我大数据怎么入门,我总结了亲身体验的学习路线推荐给她【推荐收藏】
86 0
|
7月前
|
前端开发 JavaScript vr&ar
探讨前端技术发展趋势与应用实践
【2月更文挑战第2天】随着互联网的快速发展,前端技术作为连接用户与网站的重要桥梁,扮演着越来越重要的角色。本文将从前端技术的发展趋势和实际应用两个方面进行探讨,为读者带来前沿的技术动态与实际应用经验。
|
传感器 前端开发 安全
前端前沿技术之webAR
随着用户体验的升级和技术的进步,浏览器中涌现了越来越多的技术。前端也从十年前网页中的纯HTML和CSS技术开始涵盖到服务端、移动端的领域。
2654 0
前端前沿技术之webAR