关于前端:高能预警第十七届-D2-第一波话题新鲜出炉

通过三个月缓和又刺激的筹备工作，咱们本届 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