2020TLC大会精彩回顾—前端智造·内容新生

整体概况

2020年9月5日，第四届TLC大会在科兴科学园ECO国际会议中心完美落下帷幕。作为一年一度的技术盛会，本次大会云集国内20名技术专家，虽然受疫情影响，但是大家的技术热情依然高涨，现场参会人数超过600人，线上直播（腾讯直播）人气12000+。宣传覆盖40+媒体及技术平台，线上曝光10w+，社区全覆盖。

本届TLC大会的主题是“前端智造，内容新生”，由腾讯看点团队精心打造，由IVWEB团队(ivweb.io/)主办。讲师阵容堪称豪… GRT负责人(于航)、阿里巴巴前端技术专家(狼叔)等国内外知名技术专家。

会议持续一天，上午在主会场举办，下午分为4个技术分会场，分别为前沿技术专场、研发效能专场、腾讯看点专场、腾讯云专场。议题共20个，涵盖了人工智能、WebAssembly、Serverless、DevOps、Node.js、Cloud IDE、视频编码、实时通讯等热门技术在音视频、大前端、信息流等领域的实践与经验。

本次大会场面火爆，现场座无虚席，且延续了过往三届积累的优良口碑，现场参会者，不管是与观众、讲师还是嘉宾，都一致给予了高度评价。相比第三届TLC大会，本次大会议题更加有深度，参与的开发者职位更多样化，在业内具有更高的影响力。随着本次大会的成功举办，希望IVWEB团队可以继续助力并引领大前端、音视频、信息流技术领域的发展，为广大开发者提供更为广阔的技术交流平台。

大会开场

为大会开幕致辞的是腾讯公司副总经理/腾讯看点技术总负责人/PCG推荐AI中台总负责人徐羽(Henrys)。Henrys认为TLC大会更像一个窗口和一个交流的平台，讲师分享自己对热门的技术方向的理解，听众可以从成熟的落地方案和前沿的研究中得到启示，帮助他们探索理解业务，从而找到更好的实践方式。腾讯看点致力于提供这样一个良性的正循环，帮助个人提高，打开技术视野，同时也会助力整个行业的技术积累。

同时Henrys也认为本次大会是向大众传递腾讯看点的技术价值及社会责任，技术的突破和创新也往往意味着新的可能，给社会创造更多的价值。

最后Henrys表示希望未来的TLC大会可以传递更多的社会责任，同时也预祝本届TLC大会圆满举行，希望大家都能有所收获。

第二位开幕致辞的嘉宾是TLC大会发起人兼出品人、腾讯技术专家、IVWEB团队负责人刘恒兵(河伯)。河伯首先对到场的嘉宾、讲师、参会同学表达了感谢，并对IVWEB团队团队近一年来在基础建设、社区分享、开源共建方面所取得的成绩进行了简要汇报。

同时，河伯结合历史背景和技术趋势，回顾了历届TLC大会的概况，以及本次TLC大会的主要议题简要。

在社区方面，河伯回顾了IVWEB团队近期着力做的几个事情，包括高校技术沙龙、社区影响力建设、围绕性能&效率而开展的技术项目（Feflow/Aegis等）等。

主会场

视频编码技术在多场景下应用实践

第一场是由腾讯多媒体实验室视频技术专家、技术负责人王诗涛老师带来的 《视频编码技术在多场景下应用实践》 。

视频编解码技术广泛应用于实时通信、直播、点播等各种应用场景；本次主要和大家分享在不同场景下的视频编解码优化实践。

• 腾讯会议视频编码技术介绍

• 视频编码在图像压缩领域的探索实践

• 云游戏场景编码技术优化

中国参与 JS 语言标准的最新进展

第二场是由Web前端和JS语言专家Hax老师带来的 《中国参与 JS 语言标准的最新进展》。

自2019年6月以来，640、阿里巴巴、华为、SujiTech和腾讯先后成为「Ecma国际」的会员并加入了TC39——JavaScript语言标准工作组。作为首批来自中国公司和社区的TC39代表之一，本次分享Hax老师介绍了他这一年多来在参与JS标准化方面的工作。

• Ecma国际和TC39历史简介

• 中国公司和社区的加入

• 由中国代表担任champion的提案一览

• Range提案介绍

• function.sent提案介绍

• 双端迭代器提案介绍

• AsyncLocal提案介绍

• JSCIG —— 中文讨论组

• 总结

WebAssembly and TWVM

第三场是由来自PayPal 上海 Global GRT 负责人、WebAssembly 技术布道者于航老师带来的 《WebAssembly and TWVM》。

研究领域主要为前端基础技术架构、 Serverless、WebAssembly、LLVM 及编译器等，于航老师由浅入深介绍了wasm的基础知识，并给出了一些实践场景，大家获益颇丰。

• WebAssembly 基本介绍；

• WebAssembly 线上应用；

• Roadmap & Milestone 未来规划提案；

• WebAssembly 与 TWVM

Web多媒体技术在视频编辑场景的应用实践

第四场是由来自腾讯前端技术专家袁运辉老师带来的 《Web多媒体技术在视频编辑场景的应用实践》。

袁运辉老师首先介绍了本次主题的背景，然后通过渲染视频帧、实时操作预览以及导出能力介绍了云剪，紧接着又介绍了微剪的方案以及遇到的一些挑战。

前沿技术专场

Serverless端渲染规范、实现和落地实践

第一场是来自阿里巴巴前端技术专家，Node.js 技术布道者，Node全栈公众号运营者狼叔带来的 《Serverless端渲染规范、实现和落地实践》

狼叔首先介绍了从BFF到SSF的演进过程，然后介绍了Serverless新托管时代，并讲述了真实的一些落地实践以给大家启发。

• Serverless端侧渲染的挑战

• Serverless SSR规范和实现原理

• 落地实践

• 未来思考

基于 Serverless 与微前端的一体化研发实践

第二场同样来自阿里巴巴，前阿里巴巴天猫精灵前端负责人、高级前端开发专家亚顿老师带来的 《基于 Serverless 与微前端的一体化研发实践》。

亚顿老师首先介绍了应用研发的演进，然后阐述了大型终端应用：微前端的构建，紧接着展示了serverless在微前端的应用，最后展示了“端云一体”的研发体验。

• 天猫精灵应用架构演进路线

• 构建大型终端应用：微前端

• 云计算的终局：Serverless

• 展望：“端云一体”的研发体验

WebAssembly技术在bilibili的应用

第三场是来自bilibili的资深前端开发工程师付强老师带来的 《WebAssembly技术在bilibili的应用》。

WebAssembly技术在bilibili网站的web投稿侧，经过近一年的努力，已经有了一些比较成熟的应用场景。

在用户上传视频时，浏览器亦可以访问到存储于本地的该文件，这为前端在音视频领域的开拓，留下了想象的空间。借助WebAssembly技术与emscripten，将音视频领域的经典开源工具FFmpeg进行了重新编译，使浏览器具备了针对本地多种不同编码格式的视频文件的帧提取、异常检测等能力；针对投稿过程中一些耗时严重的功能，如“AI推荐视频封面”，同时联合人工智能团队进行了创新性改造，运用WebAssembly与Tensorflow.js技术，在用户体验上取得了良好的收益。

从跨端框架厂商视角，谈如何加速serverless落地

第四场由DCloud前端架构师，uni-app产品负责人崔红保老师带来的 《从跨端框架厂商视角，谈如何加速serverless落地》。

serverless 不是个新鲜的事物，概念炙手可热，但尚未遍地开花，卡在了哪里？

云厂商提供的 serverless 方案（Faas + Bass），偏向底层的资源封装及中间层的计算能力；若想在前端领域落地，还需在开发框架、工具链等方面，找到更适合前端开发者的平滑舷梯。

小程序云开发是 serverless 较为落地的一个方案，但造成开发者的 App/小程序不同平台数据割裂，全端业务统计困难。

uni-app 团队于2019年启动基于腾讯云、阿里云等成熟云厂商的 serverless 能力封装，在开发框架、工具支持、生态丰富等维度逐一打磨，期望解决 serverless 的“最后一公里”问题，从而推动 serverless 在前端开发者群体里真正落地；2020年，该方案已正式推出，已有上万开发者在体验使用。本次希望将这些探索分享给社区。

研发效能专场

智能生成前端代码相关实践

第一场是来自阿里高级前端开发专家妙净小姐姐带来的 《智能生成前端代码相关实践》。

首先妙净老师介绍了imgcook的由来和使用，然后用实际场景介绍了如何支持智能UI，最后展望了产研一体化智能研发。

• imgcook-智能生成代码平台

起源&提效分析；产品介绍&使用情况；视图 UI 信息架构识别；逻辑代码部分生成

• imgcook for 新研发场景 - 智能 UI

智能 UI 定义&作用；智能 UI 如何实现；智能 UI 挑战；智能 UI 技术大图

• 总结展望

产研一体化智能研发；前端智能化展望

Cloud IDE 在蚂蚁集团的落地实践

第二场是来自阿里的NodeJs工程师、Node.js Core Collaborator死月老师带来的 《Cloud IDE 在蚂蚁集团的落地实践》。

在各种 Cloud IDE 百花齐放的时代，Cloud IDE 是一种面向未来的技术投资。死月老师从多角度为大家讲述其在蚂蚁金服的落地实践。包括且不限于背景、架构和一些技术方案等方面，从中看到了未来的开发模式，并对大家在业务实践提供了宝贵的经验。

• 源起

• 选型

• 探秘

• 落地

小程序工程化研发工作台探索之路

第三场是来自京东高级前端开发工程师、Taro 框架的核心开发成员朱天健带来的 《小程序工程化研发工作台探索之路》。

• 小程序工程化背景

1. 工作流原始，依赖手工操作

2. 多平台同时开发，体验割裂

• 设计思路

1. 为什么要做一个客户端

2. 总体架构（模块划分）

3. 我们的工作流

• 研发增效

1. 快速进入研发状态

2. 多平台小程序调试器

3. 海量多平台物料

4. 可视化辅助编程

5. 小程序测试套件

• 流程加速

1. 快速发布&回滚能力

2. 直观的异常监控、业务数据统计

• 插件定制能力

• 展望未来

1. 云构建

2. 团队协作

自动化渐进式交付实践

第四场是来自腾讯云/CODING DevOps 后端工程师王炜老师带来的 《自动化渐进式交付实践》。

主要介绍渐进式交付的起源以及基本原理，并结合实践深入讲解如何在 DevOps 流水线实现自动化渐进式交付，有理论有实践，大家听起来十分容易接收。

• 什么是渐进式交付

• 典型案例

• A/B Test、Canary 传统做法

• 云原生时代做法

• Demo 演示

腾讯看点专场

PCG AI中台和推荐系统介绍

第一场是来自腾讯专家工程师、百度PaddlePaddle深度学习框架开发者、PCG技术运营部TL潘欣老师带来的 《PCG AI中台和推荐系统介绍》

• Google-TFX, KubeFlow, PCG中台AI全流程

1. TFX机器学习套件

2. KubeFlow云原生AI平台

3. PCG AI全流程架构

• 推荐系统对AI平台提出的挑战

1. 海量实时数据，增量上线，弹性线上系统

• 无量，推荐深度学习框架

• RondaServing—NLP/CV/推荐统一Serving架构

1. Servable多框架支持

2. 分布式排序

3. 海量item大规模召回

4. 弹性AB实验

实验驱动的前端落地页实践

第二场是来自腾讯高级工程师、泛应用宝商业化前端负责人伍星秦老师带来的 《实验驱动的前端落地页实践》。

伍星秦介绍了实验系统、前端进行实验的方式，让大家对此有大概的了解与思考，并对业务中想尝试接入实验能力、优化实验能力提出了一些建议。

• 本分享核心讨论的问题

• 对实验系统有基础了解、不了解但近期有接实验系统的同学

• 实验系统基础，前端接入实验过程

• 遇到的一些关于多端联动、上报的问题处理

前端智能化实践——让机器理解设计

第三场是来自腾讯高级工程师陈昱宏老师带来的 《前端智能化实践——让机器理解设计》。

• 背景：从设计稿生成H5代码说起

• 现时的一些技术方案分析

• 基于空间关系计算布局

• 计算机视觉(cv)识别图片样式

• AI深度学习识别语义化组件

• 总结

腾讯看点投放系统介绍：推荐系统的进化伙伴

第四场是由来自腾讯看点前端工程师陈鹏老师带来的 《腾讯看点投放系统介绍：推荐系统的进化伙伴》。

信息流与我们息息相关，通过APP每天都能看到自己想看的内容，本次分享中陈鹏老师生动形象的介绍了这背后的技术，大家收获满满。

1. 投放系统的定义与作用

2. 投放什么内容以及给谁投放

3. 如何探索用户

4. 投放系统与推荐系统

腾讯云专场

全栈Serverless 应用开发指南与实践

第一场是来自腾讯云Serverless 技术专家王俊杰老师带来的 《全栈Serverless 应用开发指南与实践》。

全栈开发是一个热门的话题，前端工程师进化到全栈工程师的能力和技术栈，在行业内也不停的讨论。产品从开发到稳定的运行的整个生命周期来说，全栈开发不仅仅等于前端+后端+数据库，而应考虑包括开发、调试、集成和部署、监控报表、数据反馈整个“闭环”。本次分享主要通过实战案例，讲述如何基于 Serverless 技术，让开发者更好的把精力集中在编码开发上，实现真正的产品全栈开发闭环。

• 全栈Serverless 应用开发简介

• 全栈Serverless 应用原理：前端、后端、数据库

• 全栈Serverless 开发方法：环境、调试、日志、测试

• 全栈Serverless 开发案例

云开发 CloudBase —— 云原生一体化服务的设计与实践

第二场是来自腾讯云前端工程师王伟嘉老师带来的 《云开发 CloudBase —— 云原生一体化服务的设计与实践》。

云开发 CloudBase 是腾讯云推出的云端一体化解决方案，以「小程序·云开发」为代表的 Serverless 产品自上线起就受到了广大开发者的欢迎，如今已经是国内 Serverless 领域的头部角色。云原生时代的应用开发应该是怎么样的？如何设计、构建一套工业级的 Serverless 服务？CloudBase 云服务的背后有哪些精巧的设计？在本次分享中，王伟嘉老师为我们一一做了解答。

• 云数据库是什么

• 服务设计篇

• 海量高可用篇

• 开源生态篇

• 总结和尾声

从视频云看媒体处理 -- 以 FFmpeg 为例

第三场是腾讯专家工程师、FFmpeg决策委员会委员、开源爱好者赵军老师带来的 《从视频云看媒体处理 -- 以 FFmpeg 为例》。

多媒体领域是个充满乐趣的领域，各种技术快速的演进，但也面临着各种真实挑战。在本演讲中，赵军老师以被誉为多媒体领域的瑞士军刀-FFmpeg为例，给大家讲述了腾讯云视频云碰到的各种真实有趣(或无趣)的问题以及这个领域的一些挑战，并揭开了多媒体魔术师的箱子的一角。

• 简单还是复杂

• API之痛

• 简单谈谈性能问题

• 一些开放性问题

WEB实时音视频应用实践

第四场是来自腾讯高级工程师卢耀华老师带来的 《WEB实时音视频应用实践》。

大家平时都或多或少会使用QQ、微信的视频通话功能，那么我们是否也可以自己做一个呢？在本次分享中，卢耀华老师从基础知识介绍到应用实践，展示了如何快速实现实时音视频应用。

• 需求在哪里

• 三天搭建实时音视频应用

• 实践经验分享

大会结束

本次大会于9月5日下午圆满结束，不少参会者在QA等环节收获了主办方精心准备的小礼物，并且在会后陆续有观众跟讲师进行技术交流。会后调查结果显示，绝大多数同学这次大会收获颇丰，并希望来年能继续参与，也有同学表示主办方准备的茶歇精致可口。

组委会剪辑

本次大会参会人数较多，为保证大会当天的参会体验，大会前一天咱们的工作人员早早来到会场布置，并进行设备调试，主持人也紧张的进行彩排。每个参会证、袋子都由我们小心翼翼地整理好。为了确保签到的效率和体验，小伙伴们也非常细致地用礼宾带对签到处进行了区域隔离。为应对疫情，对会场进行了全面消毒，并提供了应急口罩给大家。

我们可爱的工作人员们，大会成功举办的背后，离不开你们默默的付出。

结尾

2020年TLC大会圆满结束，期待明年更好的大会，更期待你的参与。

相关链接

大会PPT