大前端架构演进

会议室:宴会厅3
出品人:王辉

前端经过十几年的发展,已经有多个分支领域。前端和移动端也越来越复杂,要把大前端方... 展开 >

专题出品人:王辉

腾讯 在线教育部技术负责人

王辉,现就职于腾讯,腾讯在线教育部技术负责人,专家工程师。2009年起先后负责QQ空间前端、QQ和QQ空间移动客户端、小Q智能机器人、腾讯教育等相关产品的研发工作。经历了PC Web时代、移动互联网时代和AI萌芽过程中的快速转变,在Web前端、移动终端和智能硬件上都有不错的技术积累,近期主要关注在线教育场景下的研发工作和技术创新。

地点:宴会厅3

专题:大前端架构演进

前端经过十几年的发展,已经有多个分支领域。前端和移动端也越来越复杂,要把大前端方方面面所涉及的技术细节都了解到,不是一件容易的事情,太泛则不精,我推荐的做法是了解前端架构发展的路径,抽象出其背后的原理,找到变革的驱动力,掌握技术发展的趋势。对个人而言,能找到适合自己深入发展的方向;对企业而言,能制定出最适合当前业务的技术方案,赋能企业高速发展。本专场借助几个行业具体的实践案例,谈谈对目前大前端发展趋势和架构演进的理解和展望,希望能给大家在技术方向选择和方案选型上,提供一些参考。

by 王光(九十)

阿里巴巴
高级前端技术专家
云端一体新前端工程模式在淘系前端的实践

近来云原生、Serverless/FaaS一类的新架构逐渐开始成熟,进而建立在线服务的成本越来越低。轻量的云端服务开发,已经逐渐成为前端工程的新标配。淘系前端以导购业务为切入,开始实践云端一体新工程模式。本次会议我将会分享到,我们如何整合既有的前端项目与新的云端FaaS 能力,让淘系前端可以借助业务中台能力独立完成业务需求。

演讲提纲:

1. Serverless 技术浪潮与淘系导购业务背景
2. 云端一体新前端工程模式一窥
3. 相关 PaaS 平台配套设计与思考
4. 现场视频演示
5. 未来展望

听众收益:

1. 新一代前端工程架构以及相关平台配套设计
2. 如何在一个既有业务领域落地前端云端一体工程

前沿亮点:

1. 一体的前端工程规范
2. 如何融入原来只有 Java 语言的服务器端开发的环境
3. 新研发模式下建立的一些PaaS 平台(研发平台、中台服务管理消费的平台等)

知识储备:

1. 前端工程方面
2. 基础 Node.js 开发

by 曹海歌

腾讯
前端高级工程师
腾讯在线教育大前端架构演进之路

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

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

演讲提纲:

1.  大前端技术架构演进     

    (1) 浏览器新特性的发展 PC、H5
    (2) 结合后台的技术方案 PWA 、SSR
    (3) 结合终端的技术方案 RN、Flutter
    (4) 小程序动态运营方案  微信小程序

2.  在线教育大前端架构演进之路     

    (1)  Hybird 、离线包方案
    (2) RN 方案的业务落地
    (3) PWA + SSR 项目实践
    (4) Node.js 构件业务矩阵

3.  大前端架构的未来展望     

    (1)  效率工具规范化
    (2) 基础能力服务化
    (3) 领域模型智能化

听众收益:

1.  深刻理解大前端技术架构的演进背景及现状,使团队在发展过程中更加理解前端工程化;
2.  通过我们的实践案例充分思考,总结经验提升团队效率。

前沿亮点:

1.  理清前端产品化过程中的痛点;
2.  如何在前端工程化中利用工具提升团队效率。

知识储备:

有一定前端项目经验,对前端开发有一定的了解。

by 宋云路

快手
前端技术专家
快手前端 H5 容器中台化实践

在中台化发展迅速的背景下,前端从业者也在积极探索搭建前端中台的落地点和可能性,并逐渐抽象了一些前端 H5 业务中台。然而受限于不同客户端 H5 环境的多样性和功能健全性等差异,导致一份代码很难直接在不同客户端中无缝运行,限制了 H5 业务中台化的发展。本次分享将阐述快手 App 前端业务中台化的背景和现状,以及如何通过搭建一个 H5 容器中台 SDK ,使得客户端仅需简单接入配置便可具备完善的 H5 常用核心能力的统一化封装,最终实现强依赖客户端能力的 H5 业务也能做到 0 修改即可在各客户端中无缝运行。实现中台的初衷,提高业务迭代效率。

演讲提纲:

1.  快手 H5 业务中台化背景和现状

2.  H5 容器中台架构设计

    (1) 鉴权能力封装
    (2) JS 通信及 API 设计
    (3) 离线包能力设计
    (4) 埋点监控设计  

3.  经验总结沉淀

4.  对中台化思维的思考

听众收益:

1.  了解搭建 H5 容器中台的架构设计和实践经验
2.  了解中台型 H5 容器与常规 H5 容器的区别
3.  如何基于中台化思维对接业务需求

知识储备:

客户端内 H5 开发基础知识

by 张浩

网易
资深前端开发工程师
建设企业级微前端方案

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

演讲提纲:

1.  传统前端 SPA 开发模式面临的问题

    (1) 应用膨胀与臃肿
    (2) 技术栈不断迭代与更新
    (3) 大型项目涉及的人员与模块多,沟通成本高
    (4) 微服务架构演进

2.  微前端的定义与目标

    (1) 定义
    (2) 目标

3.  严选微前端的方案设计与优势特点

    (1) 方案设计
    (2) 优势特点

4.  严选微前端带来的变革

    (1) 具体业务场景的落地实践
    (2) 产生的效益与实际价值体现

5.  面向未来的前端技术架构

    (1) 复杂多变需求场景下的业务开发模式思考
    (2) 新一代企业级前端开发模式的继任者

听众收益:

1.  企业级微前端技术架构的应用场景和落地方案
2.  在新型应用开发模式方面给大家带来一些思考启发
3.  探索业务开发模式的优化方式,实现应用级别可复用的前端模式
4.  大型项目如何解耦与分离,各模块做到独立开发部署和技术栈无关的应用无缝接入

前沿亮点:

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

知识储备:

建议具有较好前端开发基础能力,负责过大型前端项目的开发,具备一定的模块分析与技术机构能力,同时对微前端技术有一定的了解和认识。
 

交通指南

© 2019 Baidu - GS(2018)5572号 - 甲测资字1100930 - 京ICP证030173号 - Data © 长地万方
本网站图片存储由七牛云独家支持