Turbopack、低代码、Web Compass、JS引擎等话题集结，与32位技术专家相约D2！

眼看着距离 12 月 17 日至 12 月 18 日 D2 大会现场直播开始，只有不到一周的时间了，小编已经按耐不住想安利的心情，带着本届 D2 全议题与日程安排 Coming！

本届 D2 为期两天五场，从开发者的研发交付到监控运维，从运行时的上层框架到底层引擎，从过去始终在效率与体验间平衡的跨端技术，到将引领下一代体验革命的 3D/XR 技术！32 位技术讲师嘉宾带着 22 个话题演讲、1 场圆桌论坛，为大家提供终端最前沿的技术知识、实践经验和创新思路，并在 D2 与大家共同探讨新的趋势下 前端 & 客户端工程师将如何可持续发展，非常期待与大家相聚在这场技术盛会中！

精彩推荐

前端工程化历程与 Turbopack 概述

专业指数 ★★★★★

内容介绍

《Webpack5 核心原理与应用实践》作者，十年前端人范文杰带我们遍历前端工程化发展历程，尝鲜 Turbopack并探讨工程化工具未来发展趋势 ～

精彩看点

• 了解各代构建工具的历史背景与解决问题的思路，剖析工具背后隐藏的工程化发展脉络

• 了解 Turbopack 的解题思路、基本原理，及当下存在的问题

• 展望未来，探讨未来发展趋势

Web 音视频解码与渲染技术的现在与未来

干货指数 ★★★★★

内容介绍

随着多媒体内容在互联网内容消费的占比越来越高，音视频技术在 Web 技术语境下又有着怎样的不同的发展历程呢。本次分享会顺着Web多媒体技术发展的脉络，一步一步的拆解现代 Web 播放器的核心构成与最佳实践，起底 Chrome 底层媒体架构的原理和思路，讲述业内主流的解码和渲染解决方案。同时分享优酷面对千万级 2C 播放业务场景下的相关挑战以及趟坑经验，最后带领大家了解最前沿的技术标准和未来有趣的玩法。

精彩看点

• 了解 Web 播放器的核心构成，以及如何更好的实现一个现代 Web 播放器。

• 了解整个播放体系中从编码、到业务实践、再到性能优化等各个角度的趟坑经验和最佳实践。

• 了解主流的编解码和渲染技术解决方案，同时能够初步知道浏览器底层是如何支撑上层播放器进行解码和渲染的

• 了解 WebCodecs 等最新技术标准和相关最佳实践，探索未来有趣的玩法。

无极：面向复杂 B 端项目的低代码平台设计与实践

实用指数 ★★★★★

内容介绍

低代码工程化方案在大型项目中如何解决开发流程标准化，多人协作等问题？多场景B端站点搭建的落地效果如何？快来一起听听腾讯无极团队的低代码平台实践吧

精彩看点

• 了解从B端站点特性，推导和设计页面引擎的方案

• 了解低代码工程化方案，及其在大型项目中如何解决开发流程标准化、多人协作等问题

• 了解无极团队在多场景B端站点搭建的整体方案设计和实践，及真实验证后的效果

虚拟制片工业化之路

有趣指数 ★★★★★

内容介绍

区别于传统电影绿幕拍摄-后期的制作流程，虚拟制片技术支持实时拍摄出片，所见及所得。博采的获奖科幻短片《诞辰》（https://www.bilibili.com/video/BV1Kt4y1H7B7/）就是全程使用虚拟制片技术拍摄的，效果真的非常炫酷！对虚拟制片背后技术感兴趣的小伙伴千万不要错过～

精彩看点

• 了解虚拟制片全流程；

• 了解虚拟制片技术方案；

• 了解虚拟制片实战中的表现；

• 了解虚拟制片在未来的前景。

多编译内核生态下的极速研发体验

硬核指数 ★★★★★

内容介绍

项目工程化中研发体验是不可分割的一环，良好的研发体验能够极大提高效率。在多端研发场景中多编译内核生态能带来怎样的体验提升？又有怎样的优化策略？有多端研发体验的小伙伴一起来听听看～

精彩看点

• 了解多编译内核架构的背景与适用场景；

• 了解多编译内核生态的研发体验与效率的优化策略；

• 了解在高拓展性架构下为生态开发者提供极速研发体验；

• 了解多编译内核在多端研发生态内的优势与未来发展。

Artus.js 企业内落地实践

实用指数 ★★★★★

内容介绍

Artus.js 定位为框架的框架，旨在帮助前端架构师孕育适合各自业务场景的上层框架。如果你想开发适用于自己工作的，有特色的 Node.js 框架，相信一定能通过这个话题有所收获！

精彩看点

• 了解框架的框架是什么概念

• 了解如何基于 Artus.js 开发出 Node.js 框架

• 了解如何围绕框架建设工具链于生态

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 技术方案的下一步规划，如何能更进一步演进。

Qking：跨端 JS 引擎的深度探索与突破

硬核指数 ★★★★★

内容介绍

JavaScript 在跨端技术选型上是一个重要的角色，无论是 JSC、V8、QuickJS等都是非常完整的 JS 引擎，但他们在功能，性能，稳定性上都存在一些问题。本议题会详细探讨 JS 引擎选型上的各种权衡和优劣，并介绍我们在现有的问题之上，Qking 引擎是如何通过增强 QuickJS，来提升引擎的执行性能和启动性能，增强开发和调试方面的功能，以及保证上层引擎在大规模使用 Binding API 的时候的正确性和稳定性，进而提高前端和客户端开发的交付效率和质量。与会者可以对 JS 引擎的疑难问题和相应的改进思路，有一个更加深入的理解。

精彩看点

• 针对端上JS引擎各类技术方案的优劣和特点分析。

• 了解跨端框架的性能瓶颈特点，以及相应的JS引擎优化思路。

• 了解QuickJS引擎的部分功能短板以及相应的增强思路和方案。

• 对端上JS引擎使用中的稳定性问题的深度分析以及应对手段。

基于 H5 页面“高差指纹”技术的大规模显示状态监控

高能指数 ★★★★★

内容介绍

在 Web 前端领域内，每当一个页面投放到用户侧以后，除非有明确的观测手段否则很难了解页面的实际展现情况。为此开发人员也构建了多种直接监控页面显示的技术方案，如较常见的完整记录 DOM 变化的回放方案、基于客户端能力截图或基于 Canvas 生成页面图像上报等，但这类方法由于会对页面内容进行完整截取和上报，除需要明确的用户授权并对敏感内容进行遮蔽处理外，如用于日常监控则还需要投入大量的计算和执行资源来处理上报内容。受限于执行成本和用户隐私问题，这类方案一般仅用于明确出现问题的用户反馈。对于如何做到大规模的显示状态的监控很多团队也都进行过相关探索，本次分享一种在淘宝前端监控系统中实践的大规模显示状态识别的方法

精彩看点

• 了解一套完整的、可用于高流量日常监控的、不触碰页面隐私内容的页面取样方法与服务端计算方案

淘宝人生专属“小屋” —— 虚拟角色和虚拟场景技术探索

实用指数 ★★★★★

内容介绍

随着元宇宙潮流在互联网技术中的兴起，虚拟角色和虚拟场景结合的应用场景日益增加。本次分享主要介绍如何使用 3D 渲染引擎从 0 到 1 打造一个高质量虚拟场景并实现人景交互技术。以室内“小屋”为例子，一步一步详细介绍搭建虚拟场景、控制虚拟角色、实现人景交互、优化渲染效果等核心技术。对此话题感兴趣的大家，欢迎大家一起交流，开发属于自己的“小屋”。

精彩看点

• 了解 3D 虚拟场景整体架构和技术细节。

• 了解如何优化渲染效果技术方案。

• 了解如何在 Web 端实现 3D 场景展示效果与实时性能的最佳平衡。

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

硬核指数 ★★★★★

内容介绍

JavaScript 是开发者数量最庞大的编程语言，早些年 Node.js 等技术的出现，让 JavaScript 可以轻松地处理各类服务端任务。随着云原生/Serverless 等主流概念的引导，弹性效率成为了架构设计的新目标，为了能够让 JavaScript 任务能拥有更高的弹性效率，进而满足泛终端、全栈交付等领域的交付效率提升期待，我们设计了面向轻量端云同构场景的 W3C Web-interoperable JavaScript 轻量化容器方案，在交付灵活度上和资源、执行效率上形成平衡。现主要应用于中心化的 SSR 渲染等轻量任务场景，效果显著。

精彩看点

• 了解 Noslate Workers 整体架构和技术细节。

• 了解业务如果在serverless落地中平衡性能和成本

前端框架对页面性能的探索和实践

实用指数 ★★★★★

内容介绍

性能体验对于业务的重要性不言而喻，而传统的体验优化方案存在着先开发后治理，开发者重参与的问题，这往往不可持续易劣化。同时开发者往往难以在实际的业务中进行实践和落地诸多复杂的性能方案。本次话题将通过淘宝前端框架对于在不同业务场景下的探索，介绍以低成本 SSR 链路提升页面性能的设计，以及如何结合不同端侧能力来普适性地优化性能。同时也将分享未来更多细分领域性能提升的思考和设计。

精彩看点

• 了解如何设计低成本 SSR 方案来提升页面性能，以及完整链路上的保障

• 了解淘宝前端架构如何结合端内容器能力来普适性提升性能，掌握性能优化的策略

• 了解未来页面性能提升可以突破的方向 由于篇幅问题，暂时筛选了  10 个具有特色的话题给大家，剩余 12 个话题可通过下文的「全日程议题长图」或者官网进行查看：https://d2.alibabatech.com/

全日程议题长图

D2 SPACE 线上技术展位

去年，我们探索了「云逛展位 + 领福利」 的互动参会模式。今年，D2 SPACE 不仅使用 Hilo3D 引擎，全新升级构建了 3D 星球展位新模式（超炫），还开放给所有技术小伙伴们进行浏览！

今年 D2 SPACE 你无需购票即可浏览所有技术展位，在浏览前端 & 移动技术展位的同时，还有大大大机会获得由 D2 技术展位们送出的 416 份精美技术周边礼品。快用手机淘宝扫描下方的二维码进入页面，边逛边玩啦～

详细玩法请戳：D2 大会“星球展位计划”？一起来探索 3D 线上技术展位，416 份周边奖品大放送 ~

12 月 17 日、12 月 18 日，我们 D2 见！点击下方「阅读原文」可以直达官网，获取本届 D2 的所有相关信息。