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