大前端大工程

会议室:待定
出品人:朱华军(阿大)

大前端的概念大家都比较了解,前端已经不仅仅是当年写写 Web 页面那么简单了,前... 展开 >

专题出品人:朱华军(阿大)

阿里巴巴高级前端技术专家

2009 年加入淘宝网,负责过淘宝交易、商品等基础业务及机票彩票、一淘等创新业务。2013 年开始专注于前端工程化领域,推动开发工具、流程和规范的统一,完成淘宝近百人前端团队研发模式的整体升级。目前负责阿里集团前端工程化中台的建设。

专题:大前端大工程

大前端的概念大家都比较了解,前端已经不仅仅是当年写写 Web 页面那么简单了,前端技术已经延伸至各种“端”。与之相匹配的工程体系也一样,仅仅只是构建、工具和规范等常规方式不足以表达当下前端工程所涉及的领域。为了提升研发效率、为了保障大规模协同、为了激发业务创新等等,各大厂的前端团队在工程领域不断拓展思路,突破界限,一些优秀的初创企业也从中另辟蹊径,换道创新。本届 QCon 的前端工程专题将为大家带来这些伴随业务形态转变、团队规模扩大和技术快速升级沉淀下来的经验和实践。

by 潘佳

阿里巴巴
前端技术专家

直播间里互动玩法对于观看时长和留存率具有较大的影响,而直播里的传统互动和流内容是割裂的,基于流媒体的 AI/AR 互动玩法将给直播间的互动率带来极大提升。淘宝直播构建了一套媒体智能方案用以生产流媒体互动,同时利用工程化手段将流媒体互动生产模式提效成“7+3+1”模式,即 7 天算法训练、3 天脚本编写、1 天素材制作即可上线一个全新流媒体玩法。本次分享会介绍淘宝直播在流媒体互动方向上的方案设计及案例实践。

内容大纲

  • 媒体智能整体方案设计,包括传统互动和流媒体互动对比、媒体智能方案目标和链路拆解、竞品分析等;
  • 媒体智能编辑器(MediaAI Studio)设计与实现:基于 Electron 构建的跨平台编辑器,实现滤镜、贴纸(固定贴纸、人脸贴纸、互动贴纸)、玩法脚本、打包构建等功能;
  • 流媒体互动生产全链路:编辑器产出的玩法包,如何在直播推流端(PC/移动端)、用户端接入;
  • 淘宝直播流媒体互动实践:基于媒体智能方案在淘宝直播和短视频落地的具体 case 剖析,包括直播间氛围、手势互动、AR 试妆等。

听众收益

  • 了解基于 Electron 的流媒体和 AI/AR 处理;
  • 了解流媒体互动在淘宝直播的应用。

适合人群

直播、短视频等多媒体领域从业人员。

 

by 王鹤

美团点评
基础技术部前端技术中心负责人

Logan 是美团点评大前端日志平台,支持 iOS、Android、Web、RN、小程序日志收集存储和上报。Logan 目前的重心是在数据价值挖掘,Logan 记录了公司前端各业务线海量脱敏日志数据,对这些数据进行深入分析可以发掘出很多潜在价值,为改善用户体验、改进产品流程、提高可用性等提供数据支撑。Logan 已经集成进公司大部分 App,新业务可以以低成本接入 Logan,无需额外引入组件和配置,端上 SDK 提供了简洁的 C 语言 API,新业务几行代码即可接入。本次分享主要介绍 Logan 平台的设计思路,技术架构,以及在美团的实践。

内容大纲

1. 设计思路:阐述 Logan 产生的背景,主要解决什么问题。

2. 整体技术架构:阐述基于要解决的问题,设计过程中的思考及整体解决方案。

3. 特色设计:针对一些具体设计特性进行分享,包括统一的日志服务、分布存储按需获取和数据开放平台。

4. 在美团的实践:在网络通道业务具体应用,包括 IP 下发、智能路由、TCP 通道状态、安全通道握手信息、网络状态码、延时、流量等。

5. 未来规划:分享结合目前业务的思考,Logan 未来的发展思路和方向。

听众受益

1. 了解 Logan 端上日志设计思路;

2. 了解 Logan 在美团中的实践,希望给予一些启发。

适合人群

前端工程师、架构师及前端爱好者。

by 康斌

字节跳动
前端工程师

Electron 是一款流行的跨平台桌面客户端开发框架,VSCode、Slack 等多款基于它开发的产品的成功,更是证实了它在大型跨平台桌面客户端开发方面的能力和优势。本次演讲将结合飞书桌面客户端的工程实践,分享基于 Electron 的跨平台桌面客户端开发在工程方面面临的挑战和相关的实践经验,在解决复杂工程问题时的一些思考,以及飞书桌面端未来的工程架构展望。

内容大纲

1. 飞书桌面端介绍

  • 业务概览
  • 技术概览
  • 协作开发
  • 面临的工程问题

2. 工程架构和实践经验

  • 工程架构概览
  • 单仓库及实践
  • 统一开发工具
  • 自动化测试
  • CI/CD
  • 灰度发布

3. 解决复杂工程问题的思考

  • 高质量、高效率、低成本
  • 提升个体
  • 提升组织

4. 飞书工程架构展望

听众收益

  • 了解基于 Electron 的桌面客户端的工程实践;
  • 了解复杂工程问题面临的挑战和常用解决方法。

适合人群

前端、客户端开发工程师

by 杨昊一

爱奇艺
资深研发工程师

现代流行的前端框架在部署时都会将所有的依赖统一打包,而在业务急速扩展时,包的大小也会急速膨胀,导致上线效率越来越差,更不用说开发时的各种代码冲突、不同团队间的合作开发问题了。在爱奇艺号近几年快速发展的过程中,我们意识到了这些问题,于是开发了一套微前端架构,并且成功应用到了多个重要业务中。每次都重新部署主应用,极大地提高了上线效率。甚至在开发环境中代码热更新的速度都能提升 90% 以上。本次演讲将结合爱奇艺号微前端化的架构演进,分享微前端从零到一的架构设计及实践细节。

内容大纲

1. 微前端简介

  • 爱奇艺号前端为什么要微前端化;
  • 什么时候选择微前端;
  • 结合爱奇艺号介绍微前端及其优缺点;

2. 整体架构设计

  • 微前端整体架构设计;
  • 基于业务需要对以前架构中的问题的一些思考;
  • 一些微前端中重点部位的设计细节;

3. 微前端实现细节

  • 介绍容器应用和微前端模块的实现细节,例如模块部署、路由实现、如何获取及渲染微前端模块、通用模块的处理等;

4. 未来展望

  • 分享实现微前端过程中的思考以及未来架构的规划。

听众受益

  • 了解实践微前端的技术价值和真正收益;
  • 了解微前端的架构设计及实现原理;
  • 能够根据自身业务需求架设微前端应用。

适合人群

前端工程师、架构师。

by 张宇航

蚂蚁金服
前端技术专家

金融科技化是新时代基本趋势。随着互联网的发展,金融服务效率在不断提高的同时,也面临着各种风险,比如资金安全风险、可用性风险等。余额宝作为金融级国民产品,对风险防控尤为重视。

本次分享我将会结合余额宝首页、交易链路、S 级运营活动 3 个场景,详细介绍余额宝的前端如何通过工程化的解决方案来打造亿级流量的金融级风险保障及防控体系。

内容大纲

1. 前端风险防控的意义

  • 前端风险防控的必要性
  • 前端风险防控的难点

2. 余额宝首页的风险防控

  • 首页特点:智能货架推荐体系、流量大终端复杂
  • 工程化解决方案:货架体系框架、监控上报插件

3. 余额宝交易链路的风险防控

  • 交易页特点:前端逻辑功能多、逻辑复杂
  • 工程化解决方案:交易自动化测试/前端单测/代码覆盖率分析、前端可用性监控

4. 余额宝 S 级运营活动的风险防控

  • 年年有余/余额宝 6 周年活动介绍;
  • S 级营销活动特点:营销属性强、互动技术复杂
  • 工程化解决方案:前端智能核对、动画性能监控工程化解决

6. 前端稳定性中台 

  • 变更管控
  • 流量回放
  • 攻防演练

听众受益

  • 了解前端工程化在安全生产中的应用;
  • 了解余额宝的前端风险防控方案。

适合人群

前端、客户端开发工程师、架构师。

交通指南

© 2020 Baidu - GS(2019)5218号 - 甲测资字1100930 - 京ICP证030173号 - Data © 长地万方
想要批量报名或更多优惠?
立即联系票务小姐姐 Ring
或致电:+86-17310043226