前端技术日新月异，H5、Hybrid、Native 化、小程序等跨端技术方案你方唱罢我登场，伴随终端设备、流量渠道的多元化，以及 Flutter 等新贵崛起，大前端技术开枝散叶的同时，也带来了越来越重的跨端兼容成本与历史包袱。在此背景下，阿里前端通过统一研发框架、标准化容器规范、API、性能等方向共建，尝试在更底层的标准规范层面寻求解法，解耦前端研发框架与底层渲染容器，最大限度对接前端生态，在保障一次开发、多端/多渲染方案适配的同时，实现渲染容器独立可替换发展。

演讲大纲

1. 从飞猪前端技术演进看跨端技术发展
2. 阿里跨端业务现状
3. 跨端业务特点及技术挑战

• 技术演进诉求 vs 存量碎片化问题
• 多端投放 vs 渲染方案不统一
• 大前端协同需要 vs 演进节奏不一致

4. 阿里跨端技术演进思路

• 统一研发框架
• 标准化容器（Web on Flutter）
• 跨端 API
• 跨端性能
• 配套基础设施

5. 未来展望

听众收益

• 在跨端投放场景中，前端技术方案设计难点与应对
• 自有容器建设兼容适配、存量业务迁移思路

抖音电商业务系统杂且多，运营人员的工作需要在多个子系统之间进行穿梭切换，同时由于系统繁多，难以为用户提供一致性的体验；技术上，多个系统存在不同时期的技术选型及UI框架，相互集成非常困难，前端技术体系的演进往往只能在新增的系统中得到实践，无法为存量的系统带来收益，技术债务的积累在支持高速发展的业务时显得力不从心。

如何在高速路上换轮子，让业务跑的更快一点？微前端到底适合什么样的业务场景？在使用中有哪些需要注意的架构设计问题？以及围绕微前端我们还能做些什么？在本次分享中，讲师会结合实际业务场景为大家一一展开。

演讲大纲

1. 抖音电商中后台前端现状

• 多样化的前端技术方案
• 系统迭代和集成频繁
• 质量效率对工程师的要求

2. 选择合适的兵器——微前端

• 主流微前端框架介绍
• Sandbox方案浅析
• webpackJsonp冲突
• 父子应用的通信

3. 字节微前端框架Gar的落地

• 技术方案与架构设计
• 实践方案
  • 共存的Vue & React子应用
  • 子应用发布及灰度方案
  • Serverless的应用
• 踩坑经验

4. 不止于框架

• 子应用性能标准
• 让微前端更进一步——微模块
• 多语言与多主题

5. 展望未来

• 未来可期的Web Components
• 子应用交互及UI标准化
• 微模块与领域模型的结合

听众收益

• 了解微前端体系及其适用场景
• 了解微前端的原理
• 围绕微前端建立的中后台前端架构体系及生态

适合人群

• 前端从业5年以上，对大型互联网应用架构感兴趣的同学
• 对微前端及其生态有所了解的高级工程师或架构师

用户在观看视频的沉浸式场景中，经常会碰到： ”这个演员演技真好，但叫不上名字，这是谁来着？”、等问题。爱奇艺为了满足用户观影过程中与内容进行深度互动的诉求，推出了基于AI技术的识别与理解服务—“奇观”。 奇观支持用户在观影过程中了解视频中明星人物、卡通角色、背景音乐和台词梗等精彩的扩展内容。

本次分享将介绍奇观如何融合了多模态人物识别、卡通角色识别、BGM识别、台词实体抽取等多种领先的AI技术来挖掘视频的周边内容。同时会以人物识别为例子， 分析为了实现用户体验和计算资源最优，充分利用客户端的闲余算力和云的可扩展识别能力，如何从原来的纯云端识别方案， 逐步演变成云和端配合的方案。

达达集团内部有大量后台页面，以表单、表格、列表和静态文字图片为主，为了提升研发效率、减少重复开发，同时也在一定程度上提升系统稳定性，我主导了达达可视化搭建的探索。目前已经完成了表单、静态页以及合同的可视化搭建。

截止2020年Q3，表单配置化完成新增页面 90% 覆盖，40%提效；静态页搭建完成新增页面 90% 覆盖，5倍提效；合同可视化搭建覆盖 100% 新合同，无需开发动手，运营直接配置。

这次分享主要是分享整套可视化系统的搭建思路、过程，以及回顾问题，思考走了哪些弯路，如何解决。

演讲大纲

1. 项目背景
2. 表单可视化搭建
3. 静态页可视化搭建
4. 合同可视化搭建
5. 可视化搭建平台整合
6. 应用情况和后续规划

听众收益

• 可视化搭建项目容易踩什么坑，怎么避免
• 技术项目推广过程中的跨团队协同
• 了解实践过程中的痛点，一是学习成本，二是组件支持，太多容易引起组件爆炸，少了需求不支持

本次演讲将分享使用 Blender+ 可视化配置平台实现前端复杂动画项目的工作流程，以及此流程下的原神角色卡通渲染实践。

内容大纲

1. 项目背景与设计目的
2. 动画项目工作流程介绍
3. 可视化 3D 工程数据的配置和导出
4. Three.js 原神角色卡通渲染实践

听众收益

• 前端 3D 工程可视化配置技术方案设计
• Three.js 渲染和性能优化思路