高能預警!第十七屆 D2 第一波話題新鮮出爐 ~

阿里巴巴終端技術發表於2022-12-01

經過三個月緊張又刺激的準備工作,我們本屆 D2 的 5 位出品人和 8 位特邀嘉賓最終從 49 個內部報名的話題中挑選了 14 個話題作為今年第十七屆 D2 的首份作品,給到大家。

今年 D2 最終將有 22 個話題演講,雖未全部產出,但是我們可以先和大家預告一下已經確定的這 14 個話題相關內容,給還在觀望的同學一些參考 ~ 所有的內容都已經在 D2 官網更新,大家可點選檢視。

由於篇幅較長,下面我們會以「跨端技術」、「卓越工程」、「創新體驗」、「語言與框架」、「網路與底層技術」的順序進行介紹,大家可以根據自己興趣進行查閱~

「跨端技術」專場

Web Compass - 端內 Web App 解決方案揭秘

內容簡介

隨著移動端 App 中 Web 業務的複雜化,多數場景也不再僅僅滿足於單頁級體驗,如何能讓這些 Web 業務的整體體驗,能「批次級」提升到接近 App 級的體驗水位?

本次分享主要介紹如何基於傳統 Web 技術進行體系化的體驗增強,結合前端、客戶端、Web 容器、Web 渲染引擎等多個角度進行核心技術方案的介紹,在瞭解整個 Web App 技術方案的同時,也能讓 Web 開發者瞭解到,基於傳統 Web 也能以接近「0 成本」的投入,打造出 Web App 級的體驗。對此話題感興趣的大家,歡迎聆聽講師的分享,開發屬於自己的 “Web App”。

精彩看點

  • 瞭解 Web 技術及社群的現狀和發展趨勢。
  • 瞭解如何藉助客戶端、容器、渲染引擎的能力,為 Web 所打造出的通用技術方案。
  • 瞭解 U4 核心所提供的一些創新技術。
  • 瞭解傳統 Web 業務如何基於該方案,就能低成本或者「0 改造」就達到 Android 和 iOS 平臺下一致的高效能體驗。
  • 瞭解該 Web App 技術方案的下一步規劃,如何能更進一步演進。

講師介紹

趙鴻彬 阿里巴巴高階無線開發專家

2012 年開始加入 U4 核心團隊,一直致力於 Web 渲染引擎(U4 核心)技術方向上的建設,也參與了阿里巴巴移動端上 Web 體驗的最佳化和體系化建設,包括推動智慧資訊事業群端內 Web 開發體系的升級和建設。

Qking:跨端 JS 引擎的深度探索與突破

內容簡介

JavaScript 在跨端技術選型上是一個重要的角色,無論是 JSC、V8、QuickJS等都是非常完整的 JS 引擎,但他們在功能,效能,穩定性上都存在一些問題。

本議題會詳細探討 JS 引擎選型上的各種權衡和優劣,並介紹我們在現有的問題之上,Qking 引擎是如何透過增強 QuickJS,來提升引擎的執行效能和啟動效能,增強開發和除錯方面的功能,以及保證上層引擎在大規模使用 Binding API 的時候的正確性和穩定性,進而提高前端和客戶端開發的交付效率和質量。與會者可以對 JS 引擎的疑難問題和相應的改進思路,有一個更加深入的理解。

精彩看點

  • 針對端上JS引擎各類技術方案的優劣和特點分析。
  • 瞭解跨端框架的效能瓶頸特點,以及相應的JS引擎最佳化思路。
  • 瞭解QuickJS引擎的部分功能短板以及相應的增強思路和方案。
  • 對端上JS引擎使用中的穩定性問題的深度分析以及應對手段。

講師介紹

胥加成 阿里巴巴無線開發專家

2017 年加入阿里巴巴,多年來深耕於手淘客戶端的跨端框架建設,在跨端框架的架構設計,效能最佳化,JS 引擎的整合&開發等方面有較多經驗。目前負責為淘寶跨端團隊在 QuickJS 基礎之上打造一個更優的端上 JS 引擎: Qking

Flutter 線上流暢度監控方案

內容簡介

Flutter 是谷歌推出的高效能的跨平臺方案 ,隨著使用的業務和場景的增加,Flutter 也開始暴露出一些問題,然而官方並有提供一套有效的線上的監控手段,如何線上上快速發現問題並精準定位,對業務的長期健康發展顯得尤為重要。而流暢度作為使用者體驗很重要的一環,缺乏對其有效的監控很容易造成使用者流失和業務體量的下滑。

UC 核心團隊結合自身在引擎側的積累,經過長時間的調研、開發、驗證,最終沉澱了比較完善的線上流暢度監控分析方案,此次分享將詳細介紹該方案,希望能給聽眾提供一個新的思路,為業務的迅速迭代保駕護航。

精彩看點

  • 業界方案的分析與對比。
  • 剖析線下監控原理,高精度線上監控指標建設。
  • 引擎側的突破與嘗試。
  • 千萬量級的流暢度監控定位方案

講師介紹

葉然 阿里高階無線開發工程師

18 年主要負責基於異構硬體平臺的光追渲染引擎加速系統的軟硬體協調和效能最佳化。21 年加入阿里 Hummer 引擎團隊,主要負責 Flutter 的高可用建設。

「卓越工程」專場

基於 H5 頁面“高差指紋”技術的大規模顯示狀態監控

內容簡介

在 Web 前端領域內,每當一個頁面投放到使用者側以後,除非有明確的觀測手段否則很難了解頁面的實際展現情況。為此開發人員也構建了多種直接監控頁面顯示的技術方案,如較常見的完整記錄 DOM 變化的回放方案、基於客戶端能力截圖或基於 Canvas 生成頁面影像上報等,但這類方法由於會對頁面內容進行完整擷取和上報,除需要明確的使用者授權並對敏感內容進行遮蔽處理外,如用於日常監控則還需要投入大量的計算和執行資源來處理上報內容。受限於執行成本和使用者隱私問題,這類方案一般僅用於明確出現問題的使用者反饋。

對於如何做到大規模的顯示狀態的監控很多團隊也都進行過相關探索,本次分享一種在淘寶前端監控系統中實踐的大規模顯示狀態識別的方法

精彩看點

瞭解一套完整的、可用於高流量日常監控的、不觸碰頁面隱私內容的頁面取樣方法與服務端計算方案

講師介紹

王驌 阿里巴巴前端技術專家

2017 年加入阿里巴巴,多年資料產品研發經驗,現淘系前端監控資料分析方向負責人

基於 OTel 的移動端全鏈路 Trace 建設思考和實踐

內容簡介

一個移動端 App 產品從概念產生,到最終的成熟穩定,產品研發過程中涉及到的研發人員,工程中的程式碼行數、架構規模、釋出頻率、線上問題修復時間都會發生比較大的變化。這些變化,給我們在排查問題方面帶來不小的困難和挑戰,業務問題往往難以復現和排查,如何去定位和復現這些問題?

本次分享主要介紹如何基於 OTel(全稱:OpenTelemetry)協議,從統一資料採集協議開始,逐步介紹端側資料採集、多系統關聯分析處理、自動化問題分析的挑戰以及核心技術等。

精彩看點

  • 瞭解基於OTel協議的移動端全鏈路Trace整體架構和技術細節。
  • 瞭解不同端對資料採集、處理問題背後的思考和處理方案。
  • 瞭解多系統資料自動關聯分析處理的技術方案。
  • 瞭解對移動端自動化問題分析方向的探索和實踐。

講師介紹

高玉龍 阿里巴巴高階開發工程師

2017 年加入阿里巴巴,先後負責盒馬 Android 客戶端會員、營銷、購物車、交易和首頁。2021 年,負責阿里雲日誌服務 SLS 移動端日誌採集研發,參與移動端監控、移動端全鏈路 Trace 等相關產品的研發。

「創新體驗」專場

淘寶人生專屬“小屋” —— 虛擬角色和虛擬場景技術探索

內容簡介

隨著元宇宙潮流在網際網路技術中的興起,虛擬角色和虛擬場景結合的應用場景日益增加。

本次分享主要介紹如何使用 3D 渲染引擎從 0 到 1 打造一個高質量虛擬場景並實現人景互動技術。以室內“小屋”為例子,一步一步詳細介紹搭建虛擬場景、控制虛擬角色、實現人景互動、最佳化渲染效果等核心技術。對此話題感興趣的大家,歡迎大家一起交流,開發屬於自己的“小屋”。

精彩看點

  • 瞭解 3D 虛擬場景整體架構和技術細節。
  • 瞭解如何最佳化渲染效果技術方案。
  • 瞭解如何在 Web 端實現 3D 場景展示效果與實時效能的最佳平衡。

講師介紹

倪梵雲 阿里巴巴淘寶互動娛樂團隊前端工程師

負責淘寶人生的全新互動玩法——“人生小屋”的開發與落地,基於自研 3D 渲染引擎,探索虛擬人和 3D 場景互動新模式,以“家園”玩法打造社交新場景。

電商 3D 購物 - 自研引擎探索和業務實踐

內容簡介

電商對於購物體驗的提升一直是孜孜不倦的,而 3D 購物是一個很重要的探索方向。那 3D 購物需要怎麼樣的 3D 引擎,3D 購物的開發又有什麼特點?

本次分享主要針對電商 3D 購物的特點介紹自研引擎的設計思路,並以手機天貓真實的 3D 購物場景為例,介紹基於自研引擎如果做好 3D 業務層架構並做到快速開發,同時介紹 3D 應用如何做到快速開啟,載入體驗不降級。

精彩看點

  • 瞭解跨平臺、高效能、高質量渲染引擎的設計思路。
  • 瞭解典型電商 3D 場景的構建方案。
  • 瞭解電商 3D 場景的效能最佳化方案。

講師介紹

沈彬 阿里巴巴前端技術專家

2016 年加入手淘,先後負責導購產品、Weex 動效體系、魯班智慧合圖能力的建設。2019 年加入考拉,負責導購&互動業務,構建考拉動效體系、考拉虛擬人導演系統、用互動行為運營系統。目前負責手機天貓 XR &互動業務,及對應的產品技術體系建設。

楊舟 阿里巴巴技術專家

2017 年加入阿里巴巴,先後參與天貓新零售專案,iHome 專案等等。2020 年,開始探索手淘 3D 新體驗,構建商品 3D 規模化方案。其間負責研發了自研 3D 引擎,構建了商品 3D 模型生產工作流,連線商家和建模供應商,為消費者提供 3D 新體驗。

淘寶直播 3D 虛擬空間應用探索

內容簡介

元宇宙是近一兩年比較熱門的話題,各大網際網路公司都有所佈局,淘寶直播藉助沉澱多年的多媒體技術,結合雲渲染方案, 打造了一個的 3D 虛擬空間,使用者無需下載大型的安裝包,在淘寶 App 上就可以啟用自己的 3D 分身在虛擬世界裡逛店,購物,社交,探索沉浸式消費體驗。

本次分享主要介紹 3D 虛擬空間的建設思路以及背後的難點與挑戰。

精彩看點

  • 雲渲染技術的整體架構
  • 雲渲染技術的難點與挑戰
  • 淘寶直播的實際應用經驗

講師介紹

羅中柱 阿里巴巴高階無線開發專家

2013 年加入阿里巴巴,先後負責手機淘寶多個業務的研發迭代。2016 年,從 0 到 1 搭建淘寶直播客戶端,推動端側平臺化架構演進,支撐直播業務快速增長,同時開放輸出到集團數十個 APP 直播應用場景。 2021 年開始,專注多媒體與 3D 技術的結合, 設計並探索出一套基於雲渲染的互動應用方案,給業務帶來新的想象空間。

優酷遊戲化互動-街舞雲蹦迪

內容簡介

伴隨使用者對互動體驗的訴求日益激增,遊戲化互動成為非遊戲 App 的標配,優酷透過打造“青年社交感互動形式”街舞元宇宙舞房,激發使用者參與街舞活動的興趣。

本次分享主要圍繞遊戲化互動建設講述如何實現線上街舞雲蹦迪,話題內容包括遊戲引擎的選型、遊戲化過程中要解決的關鍵問題、影片畫面與遊戲畫面融合渲染、幀同步技術及效能最佳化等,講述如何用較低的成本在非遊戲 App 中實現多人實時線上的互動遊戲。

精彩看點

  • 瞭解在非遊戲App中如何解決遊戲引擎的單例問題;
  • 瞭解如何實現點播、直播影片畫面與遊戲畫面融合渲染;
  • 瞭解如何解決實時互動遊戲中的幀同步、效能問題;

講師介紹

王志月 阿里巴巴無線開發專家

2014 年加入阿里,先後在阿里雲、優酷等部門從事客戶端研發工作;在優酷期間主導了客戶端影片秒播最佳化、互動&廣告基礎建設研發工作。

「語言與框架」專場

Noslate Workers - 面向雲原生的 JavaScript 容器方案

內容簡介

JavaScript 是開發者數量最龐大的程式語言,早些年 Node.js 等技術的出現,讓 JavaScript 可以輕鬆地處理各類服務端任務。隨著雲原生/Serverless 等主流概念的引導,彈性效率成為了架構設計的新目標,為了能夠讓 JavaScript 任務能擁有更高的彈性效率,進而滿足泛終端、全棧交付等領域的交付效率提升期待,我們設計了面向輕量端雲同構場景的 W3C Web-interoperable JavaScript 輕量化容器方案,在交付靈活度上和資源、執行效率上形成平衡。現主要應用於中心化的 SSR 渲染等輕量任務場景,效果顯著。

精彩看點

  • 瞭解 Noslate Workers 整體架構和技術細節。
  • 瞭解業務如果在serverless落地中平衡效能和成本

講師介紹

杜佳昆 阿里巴巴前端技術專家

2014 年加入阿里,先後負責阿里巴巴 Node.js 穩定性、中介軟體、可觀測性及診斷平臺等相關產品的研發。目前負責雲原生 Javascript 容器產品 Noslate 的研發,推動保障 Javascript Serverless 架構在業務順利落地。

前端框架對頁面效能的探索和實踐

內容簡介

效能體驗對於業務的重要性不言而喻,而傳統的體驗最佳化方案存在著先開發後治理,開發者重參與的問題,這往往不可持續易劣化。同時開發者往往難以在實際的業務中進行實踐和落地諸多複雜的效能方案。

本次話題將透過淘寶前端框架對於在不同業務場景下的探索,介紹以低成本 SSR 鏈路提升頁面效能的設計,以及如何結合不同端側能力來普適性地最佳化效能。同時也將分享未來更多細分領域效能提升的思考和設計。

精彩看點

  • 瞭解如何設計低成本 SSR 方案來提升頁面效能,以及完整鏈路上的保障
  • 瞭解淘寶前端架構如何結合端內容器能力來普適性提升效能,掌握效能最佳化的策略
  • 瞭解未來頁面效能提升可以突破的方向

講師介紹

夏溫武 阿里巴巴前端技術專家

目前在阿里巴巴大淘寶前端架構負責前端框架的研發,面向開發者打造開發體驗和使用者體驗良好的前端開發框架,開源產品 ICE 核心開發者,先後負責過微前端技術框架 icestark、基於 React 的應用框架 ice.js 等開源專案

「網路與底層技術」專場

Web 音影片解碼與渲染技術的現在與未來

內容簡介

隨著多媒體內容在網際網路內容消費的佔比越來越高,音影片技術在 Web 技術語境下又有著怎樣的不同的發展歷程呢。

本次分享會順著Web多媒體技術發展的脈絡,一步一步的拆解現代 Web 播放器的核心構成與最佳實踐,起底 Chrome 底層媒體架構的原理和思路,講述業內主流的解碼和渲染解決方案。同時分享優酷面對千萬級 2C 播放業務場景下的相關挑戰以及趟坑經驗,最後帶領大家瞭解最前沿的技術標準和未來有趣的玩法。

精彩看點

  • 瞭解 Web 播放器的核心構成,以及如何更好的實現一個現代 Web 播放器。
  • 瞭解整個播放體系中從編碼、到業務實踐、再到效能最佳化等各個角度的趟坑經驗和最佳實踐。
  • 瞭解主流的編解碼和渲染技術解決方案,同時能夠初步知道瀏覽器底層是如何支撐上層播放器進行解碼和渲染的
  • 瞭解 WebCodecs 等最新技術標準和相關最佳實踐,探索未來有趣的玩法。

講師介紹

高嵩 阿里巴巴前端技術專家

16 年加入淘寶 Weex 團隊,負責 Weex 框架的工具鏈生態開發。18 年起負責優酷的 Web 播放器,深耕 Web 平臺的音影片相關技術,面對千萬級播放的 C 端場景,從 0 到 1 完成優酷自研 Web 播放體系的搭建,積極探索行業領先的 Web 平臺解碼和渲染的解決方案。

移動儲存核心新實踐

內容簡介

隨著大量小檔案、圖片、Web 資源等 IO 密集場景等問題的出現,移動端儲存方案對使用者體驗的影響變得不可忽視。本次話題將由淺入深從Flash儲存、檔案系統、儲存模型三個方面介紹了移動端儲存的特性,然後深入到手淘自研的時序儲存引擎的設計,其中著重介紹 IO 密集場景問題的攻克,逐步向大家展現手淘在移動儲存核心上的新實踐。

精彩看點

  • 瞭解移動端儲存介質的底層原理
  • 瞭解遍歷移動端檔案系統的發展
  • 瞭解前沿的儲存模型設計
  • 瞭解移動端 IO 密集場景的加速方案

講師介紹

劉韓松 阿里巴巴高階無線技術專家

多年移動端開發及儲存領域開發經驗,熟悉儲存及資料庫技術領域,對移動端資料庫引擎有較深入的研究。多年 C++ 開發經驗,對連結器技術領域也有一定研究

寫在最後

以上就是本屆 D2 第一波精彩話題的介紹,後面我們也會陸續在官網更新最後的 8 個話題,值得期待!

D2 官網:https://d2.alibabatech.com

相關文章