2020TLC大會精彩回顧—前端智造·內容新生

總體概況

2020年9月5日，第四屆TLC大會在科興科學園ECO國際會議中心完美落下帷幕。做爲一年一度的技術盛會，本次大會雲集國內20名技術專家，雖然受疫情影響，可是你們的技術熱情依然高漲，現場參會人數超過600人，線上直播（騰訊直播）人氣12000+。宣傳覆蓋40+媒體及技術平臺，線上曝光10w+，社區全覆蓋。前端

本屆TLC大會的主題是「前端智造，內容新生」，由騰訊看點團隊精心打造，由IVWEB團隊(ivweb.io/)主辦。講師陣容堪稱豪… GRT負責人(於航)、阿里巴巴前端技術專家(狼叔)等國內外知名技術專家。git

會議持續一天，上午在主會場舉辦，下午分爲4個技術分會場，分別爲前沿技術專場、研發效能專場、騰訊看點專場、騰訊雲專場。議題共20個，涵蓋了人工智能、WebAssembly、Serverless、DevOps、Node.js、Cloud IDE、視頻編碼、實時通信等熱門技術在音視頻、大前端、信息流等領域的實踐與經驗。github

本次大會場面火爆，現場座無虛席，且延續了過往三屆積累的優良口碑，現場參會者，不論是與觀衆、講師仍是嘉賓，都一致給予了高度評價。相比第三屆TLC大會，本次大會議題更加有深度，參與的開發者職位更多樣化，在業內具備更高的影響力。隨着本次大會的成功舉辦，但願IVWEB團隊能夠繼續助力並引領大前端、音視頻、信息流技術領域的發展，爲廣大開發者提供更爲廣闊的技術交流平臺。web

大會開場

爲大會開幕致辭的是騰訊公司副總經理/騰訊看點技術總負責人/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 框架的核心開發成員朱天健帶來的 《小程序工程化研發工做臺探索之路》。

小程序工程化背景

工做流原始，依賴手工操做
多平臺同時開發，體驗割裂

設計思路

爲何要作一個客戶端
整體架構（模塊劃分）
咱們的工做流

研發增效

快速進入研發狀態
多平臺小程序調試器
海量多平臺物料
可視化輔助編程
小程序測試套件

流程加速

快速發佈&回滾能力
直觀的異常監控、業務數據統計

插件定製能力
展望將來

雲構建
團隊協做

自動化漸進式交付實踐

第四場是來自騰訊雲/CODING DevOps 後端工程師王煒老師帶來的 《自動化漸進式交付實踐》。

主要介紹漸進式交付的起源以及基本原理，並結合實踐深刻講解如何在 DevOps 流水線實現自動化漸進式交付，有理論有實踐，你們聽起來十分容易接收。

什麼是漸進式交付
典型案例
A/B Test、Canary 傳統作法
雲原生時代作法
Demo 演示

騰訊看點專場

PCG AI中臺和推薦系統介紹

第一場是來自騰訊專家工程師、百度PaddlePaddle深度學習框架開發者、PCG技術運營部TL潘欣老師帶來的 《PCG AI中臺和推薦系統介紹》

Google-TFX, KubeFlow, PCG中臺AI全流程

TFX機器學習套件
KubeFlow雲原生AI平臺
PCG AI全流程架構

推薦系統對AI平臺提出的挑戰

海量實時數據，增量上線，彈性線上系統

無量，推薦深度學習框架
RondaServing—NLP/CV/推薦統一Serving架構

Servable多框架支持
分佈式排序
海量item大規模召回
彈性AB實驗

實驗驅動的前端落地頁實踐

第二場是來自騰訊高級工程師、泛應用寶商業化前端負責人伍星秦老師帶來的 《實驗驅動的前端落地頁實踐》。

伍星秦介紹了實驗系統、前端進行實驗的方式，讓你們對此有大概的瞭解與思考，並對業務中想嘗試接入實驗能力、優化實驗能力提出了一些建議。

本分享核心討論的問題
對實驗系統有基礎瞭解、不瞭解但近期有接實驗系統的同窗
實驗系統基礎，前端接入實驗過程
遇到的一些關於多端聯動、上報的問題處理

前端智能化實踐——讓機器理解設計

第三場是來自騰訊高級工程師陳昱宏老師帶來的 《前端智能化實踐——讓機器理解設計》。

背景：從設計稿生成H5代碼提及
現時的一些技術方案分析
基於空間關係計算佈局
計算機視覺(cv)識別圖片樣式
AI深度學習識別語義化組件
總結

騰訊看點投放系統介紹：推薦系統的進化夥伴

第四場是由來自騰訊看點前端工程師陳鵬老師帶來的 《騰訊看點投放系統介紹：推薦系統的進化夥伴》。

信息流與咱們息息相關，經過APP天天都能看到本身想看的內容，本次分享中陳鵬老師生動形象的介紹了這背後的技術，你們收穫滿滿。

投放系統的定義與做用
投放什麼內容以及給誰投放
如何探索用戶
投放系統與推薦系統

騰訊雲專場

全棧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大會圓滿結束，期待明年更好的大會，更期待你的參與。