淘系采用云端一体新前端工程模式,大厂前端架构都怎么演进?

2019 年 11 月 6 日 InfoQ

前端经过十几年的发展,已经有多个分支领域。前端和移动端也越来越复杂,要把大前端方方面面所涉及的技术细节都了解到,不是一件容易的事情,太泛则不精,不如了解前端架构发展的路径,抽象出其背后的原理,找到变革的驱动力,掌握技术发展的趋势。对个人而言,能找到适合自己深入发展的方向;对企业而言,能制定出最适合当前业务的技术方案,赋能企业高速发展。

腾讯在线教育部技术负责人王辉即将在 GMTC 全球大前端技术会议(深圳站)与来自阿里巴巴、腾讯、网易、快手的前端技术专家,借助行业具体的实践案例,谈谈对目前大前端发展趋势和架构演进的理解和展望,希望能给大家在技术方向选择和方案选型上,提供一些参考。

1 淘系前端:云端一体新前端工程模式

近来云原生、Serverless/FaaS 一类的新架构逐渐开始成熟,进而建立在线服务的成本越来越低。轻量的云端服务开发,已经逐渐成为前端工程的新标配。淘系前端以导购业务为切入,开始实践云端一体新工程模式。阿里巴巴高级前端技术专家王光(九十)将会分享,淘系前端团队如何整合既有的前端项目与新的云端 FaaS 能力,让淘系前端可以借助业务中台能力独立完成业务需求。

前沿亮点
  1. 理清前端产品化过程中的痛点;

  2. 如何在前端工程化中利用工具提升团队效率。

你将收获
  1. 新一代前端工程架构以及相关平台配套设计;

  2. 如何在一个既有业务领域落地前端云端一体工程。

2 腾讯在线教育前端:架构演进之路

近年来,随着 jQuery 的落幕,三大框架的割据以及小程序的爆发,大前端的发展也经历了从静态页面到 JavaScript 跨时代的诞生,再从 PC 端到移动端的转向,以及由依赖后端到前后端分离的架构演变。

本次演讲由腾讯前端高级工程师曹海歌分享腾讯在线教育前端团队近年来大前端技术架构演进历程,如 Hybird 方案、离线包方案、PWA 结合 SSR 方案、以及 RN 动态化方案的落地和执行。结合具体实例进行分析,阐述团队是如何进行业务性能优化以及为提升研发效率进行的前端工程化体系建设。

前沿亮点
  1. 理清前端产品化过程中的痛点;

  2. 如何在前端工程化中利用工具提升团队效率。

你将收获
  1. 深刻理解大前端技术架构的演进背景及现状;

  2. 使团队在发展过程中更加理解前端工程化;

  3. 总结经验提升团队效率。

3 快手前端:H5 容器中台化

在中台化发展迅速的背景下,前端从业者也在积极探索搭建前端中台的落地点和可能性,并逐渐抽象了一些前端 H5 业务中台。然而受限于不同客户端 H5 环境的多样性和功能健全性等差异,导致一份代码很难直接在不同客户端中无缝运行,限制了 H5 业务中台化的发展。

快手前端技术专家宋云路的分享将阐述快手 App 前端业务中台化的背景和现状,以及如何通过搭建一个 H5 容器中台 SDK ,使得客户端仅需简单接入配置便可具备完善的 H5 常用核心能力的统一化封装,最终实现强依赖客户端能力的 H5 业务也能做到 0 修改即可在各客户端中无缝运行。实现中台的初衷,提高业务迭代效率。

你将收获
  1. 了解搭建 H5 容器中台的架构设计和实践经验;

  2. 了解中台型 H5 容器与常规 H5 容器的区别;

  3. 如何基于中台化思维对接业务需求。

4 网易前端:建设企业级微前端

传统的前端 SPA 开发模式,一方面随着系统迭代发展到一定的程度,规模非常庞大,通过项目、内的模块化,已经无法解决业务膨胀的问题;另一方面随着应用框架的升级、变迁,多框架共存的状态无法避免,必须要有一种工程化方案,能对整个业务能进行合理拆分、组合。微前端作为新兴的技术方向,在前端开发模式方面必将带来一些变革。网易资深前端开发工程师张浩将分享他们的实践和思考。

前沿亮点

从设计方案、应用场景、项目收益等方面,介绍网易严选在微前端方面的探索、实践与总结,实际性地解决了大型前端 SPA 应用的开发痛点与难点,做到“项目分离,运营聚合”。

你将收获
  1. 企业级微前端技术架构的应用场景和落地方案;

  2. 在新型应用开发模式方面给大家带来一些思考启发;

  3. 探索业务开发模式的优化方式,实现应用级别可复用的前端模式;

  4. 大型项目如何解耦与分离,各模块做到独立开发部署和技术栈无关的应用无缝接入。

更多前端前沿技术请点击【阅读原文】查看 GMTC 完整日程。目前大会 8 折报名最后 5 天,抓紧上车,跟大佬面对面。

登录查看更多
0

相关内容

前端开发在整个工程中代码规范化、流程规范化、接口标准化的过程
FPGA加速系统开发工具设计:综述与实践
专知会员服务
65+阅读 · 2020年6月24日
华为发布《自动驾驶网络解决方案白皮书》
专知会员服务
125+阅读 · 2020年5月22日
【北京大学】面向5G的命名数据网络物联网研究综述
专知会员服务
36+阅读 · 2020年4月26日
德勤:2020技术趋势报告,120页pdf
专知会员服务
190+阅读 · 2020年3月31日
《人工智能2020:落地挑战与应对 》56页pdf
专知会员服务
195+阅读 · 2020年3月8日
阿里巴巴达摩院发布「2020十大科技趋势」
专知会员服务
106+阅读 · 2020年1月2日
【干货】大数据入门指南:Hadoop、Hive、Spark、 Storm等
专知会员服务
95+阅读 · 2019年12月4日
【白皮书】“物联网+区块链”应用与发展白皮书-2019
专知会员服务
93+阅读 · 2019年11月13日
阿里技术大牛:一份架构师成神路线图!
51CTO博客
30+阅读 · 2019年7月6日
工行基于MySQL构建分布式架构的转型之路
炼数成金订阅号
15+阅读 · 2019年5月16日
专访阿里亚顿:Serverless与BFF与前端
前端之巅
45+阅读 · 2019年5月8日
职人沙龙 | 走进小打卡,小程序技术实战交流
今日头条推荐系统架构演进之路
QCon
32+阅读 · 2017年6月21日
Arxiv
4+阅读 · 2019年8月7日
Arxiv
3+阅读 · 2018年4月9日
Arxiv
4+阅读 · 2016年12月29日
VIP会员
相关VIP内容
FPGA加速系统开发工具设计:综述与实践
专知会员服务
65+阅读 · 2020年6月24日
华为发布《自动驾驶网络解决方案白皮书》
专知会员服务
125+阅读 · 2020年5月22日
【北京大学】面向5G的命名数据网络物联网研究综述
专知会员服务
36+阅读 · 2020年4月26日
德勤:2020技术趋势报告,120页pdf
专知会员服务
190+阅读 · 2020年3月31日
《人工智能2020:落地挑战与应对 》56页pdf
专知会员服务
195+阅读 · 2020年3月8日
阿里巴巴达摩院发布「2020十大科技趋势」
专知会员服务
106+阅读 · 2020年1月2日
【干货】大数据入门指南:Hadoop、Hive、Spark、 Storm等
专知会员服务
95+阅读 · 2019年12月4日
【白皮书】“物联网+区块链”应用与发展白皮书-2019
专知会员服务
93+阅读 · 2019年11月13日
相关资讯
阿里技术大牛:一份架构师成神路线图!
51CTO博客
30+阅读 · 2019年7月6日
工行基于MySQL构建分布式架构的转型之路
炼数成金订阅号
15+阅读 · 2019年5月16日
专访阿里亚顿:Serverless与BFF与前端
前端之巅
45+阅读 · 2019年5月8日
职人沙龙 | 走进小打卡,小程序技术实战交流
今日头条推荐系统架构演进之路
QCon
32+阅读 · 2017年6月21日
Top
微信扫码咨询专知VIP会员