七位评委精心挑选第一波话题

上上个周末，有 7 位前端大佬们放弃了宝贵的休息时间，以评委的身份从白天专注到黑夜，只为给本届 D2 挑选出最优质的话题。

评委们不仅给出了前端方面的专业见解，还都秉承着一个最基本却也最核心的原则——必须能给 D2 的听众带去收益，而这，也是 D2 十几年如一日都在坚持的事情。

经过两天的精心挑选，我们激动地向大家宣布：首批 12 个话题诞生啦！我们按照专场来看看都有哪些吧～

跨端技术专场

跨端技术发展得如火如荼，前端开发者面临的挑战也愈发困难，本届 D2 跨端技术专场将专注于「前端如何兼顾“效率、质量、多端”」这个问题，与大家讨论跨端技术的未来，重新审视 Web 技术的发展，为听众带来跨端研发解决方案的新思路。

跨端技术第一波共入选了两个话题，既有实实在在深入 JavaScript 语言的干货，又有新鲜有趣的新系统开发知识。

V8 JS AOT 化的探索与实践

V8、AOT（Ahead of Time, 提前编译）、性能优化，这些词单拎出来都不简单，放在一起更令人充满期待。讲师来自老牌浏览器公司——UC 浏览器内核小组，日常与浏览器内核打交道的他，讲起这个话题可谓轻车熟路、信手拈来。他将带我们深入到 JS 的编译层，去探寻实现 AOT 功能，以提升 JS 的执行性能，以期与 Native 方案媲美。

一句话推荐：深入语言层，了解 V8 实现细节、JS 编译优化，满满的干货，你千万不能错过！

使用跨端方案 Rax 编写鸿蒙应用

华为的鸿蒙系统自发布以来，便广受关注。它支持 JavaScript 编写应用的特性，对于前端开发者来说意义非凡。跨端解决方案 Rax 的团队也于 8 月份开始与 HarmonyOS JS UI 框架团队合作，旨在支持使用 Rax 编写 HarmonyOS 应用。经过几个月的实践之后，他们决定将内部细节的技术实现带到 D2 的舞台上与大家分享，让我们人手都能开发一款属于自己的 HarmonyOS 应用。

一句话推荐：对于鸿蒙系统或者 Rax 跨端方案感兴趣，或者想开发自己的鸿蒙应用的小伙伴，都来听听看～

前端体验专场

关注用户体验，一直是前端开发者独特的、不可或缺的责任。用户体验贯穿了性能、稳定性、流畅性到交互效率、满意度，既是细节能力、又是系统工程。如何给予用户最优的产品体验，是前端共同面临的基本命题，也是技术所能给予用户最直接的价值体现。

本届 D2 前端体验专场将聚焦体验，结合具体业务实践、技术探索，和一线技术专家一起，共同交流前端在体验方向的发展及经验。

前端体验专场共入围了 2 个话题，都是基于大样本数据进行优化，无论是方法论还是实践，都十分严谨，值得学习！

基于大数据的前端页面异常结果检测

在 Web 监控领域，页面展现的内容是否符合预期，是建立监控体系的最根本诉求。基于这个诉求，一般的做法是进行资源下发，脚本执行，性能埋点等多种维度的监控。但面对越来越复杂的业务逻辑，千人千面的产品设计和个性化功能，一些非预期的页面展现结果——页面停留在白屏或骨架屏、错误页、模块丢失仅渲染一半内容，所造成的体验欠佳则始终缺乏直接有效的监控手段。

针对这种情况，讲师团队引入了一种较新的基于数据检测的方式用于前端页面结果的监控——从 DOM 的渲染原理入手，建立一套推论，并且基于大数据监控进行验证推理，得出规律之后放到更长周期里进行分段验证，最终得出结论。

一句话推荐：针对前端异常页面监控的分析思路严谨，角度新奇，可借鉴性高，有监控相关的诉求都可以参考他的实现。

用户行为链路的识别、挖掘及诊断

在产品体验优化的过程中，需要不断深入分析和挖掘用户在产品使用中的体验问题，并针对性地进行优化。这其中，行为分析是最核心的部分，而链路分析又是行为分析中最重要的一环。

讲师将从真实的案例入手，结合他们在探索行为链路分析背后的理念、方案和创新点，分享他们是如何将行为链路智能识别的能力应用到行为分析当中，再通过整合趋势路径、关注热点路径来收敛链路，并利用在实际业务中沉淀的诊断模型，智能诊断链路，发现产品链路中的体验问题，为产品体验优化提供决策依据，最终达成目标的。

一句话推荐：超大样本下的用户行为表现，比个人主观想法要更真实且有说服力，如果你也想把海量的数据活用起来，反哺给用户，来达到更好的用户体验，那么这个话题就是为你量身打造的。

低代码专场

随着互联网人口红利消失、国内云市场的竞争加剧，以及突如其来的新冠疫情，企业数字化转型浪潮再次加速，而这其中涉及到大量企业级中后台系统建设，中后台技术领域正在经历一场低代码主导的研发效率革命。

一方面，低代码研发模式正在变得越来越流行，另一方面，我们也看到低代码并不是万能的，关乎低代码技术的研究也逐步进入深水区，诸如自然布局、逻辑编排、模型驱动、智能向导、混合研发…

本专场将邀约当前活跃在低代码领域的一线技术专家，共同探讨低代码研发模式当前的发展、创新、变革和未来。

本次低代码专场共入围了 2 个话题，围绕中后台低代码场景，分别从新技术引入、抽象方案设计上实践。

ESM Bundleless 在低代码场景的实践

Vite/Snowpack 等基于 ESM 的构建工具出现，给 Dev 研发带来了数十倍的提速。借助浏览器 ES Module import 的能力，特别是当 HTTP/2 支持请求与响应的多路复用的传输效率提升，我们可以不再需要等待一个完整 bundle 的构建。

蚂蚁集团的低代码搭建平台「云凤蝶」也很早在资产体系内建设了一套 Bundleless 加载方案，结合如今最火热的 ESM 方向并为解决原有方案的痛点，他们重新设计了 Bundleless V2 方案，通过对依赖的分析及合并计算、二次构建的 Treeshaking 以及 import-map, 将 ESM 真正部署到了生产环境，并在上百个中后台搭建场景中落地。

一句话推荐：蚂蚁体验技术部在中后台领域颇有建树，积极探索新技术在低代码领域的应用，在开源社区表现活跃，想要了解他们在低代码方向的技术实现细节，听这个话题准没错！

面向中后台复杂场景的低代码解决方案

中后台复杂的根源来自于逻辑成长带来的多状态黑盒，以及提升交互体验带来的高昂开发成本，如何从偏重逻辑和偏重交互两种不同类型的低代码方案去击破难点？讲师将与我们分享他们针对这两种场景设计的两套应对方案，详细的实现原理以及方案实施的效果。

一句话推荐：将中后台复杂场景的低代码解决方案，拆分为复杂逻辑与复杂交互两种形式，再针对各自的特点进行方案设计并落地取得成果。值得做中后台及搭建的小伙伴们借鉴参考～

多样化专场

在互联网行业的传统观念里，前端的主要任务是以页面的形式为各类网络服务构建用户交互界面。近年来，伴随着语言框架与跨端技术的发展，围绕着体验交互的核心命题，前端的边界在不断拓宽。技术的适用范围，从一般的互联网服务，延伸到诸如办公协作、工业制造、游戏 & 多媒体等本地化应用的领域；应用的执行环境，从浏览器，扩展到 Web 容器，原生应用，IoT 设备；人机交互模式，从确定性的脚本，逐渐混合了人工智能的元素。

多样化的场景，开拓着我们的视野，同时，也在不断淬炼着我们对前端本质的认知。本届 D2 前端多样化专场，将继续秉持“技术*”的理念，邀请方向与风格五彩斑斓的技术专家，为大家呈现前端的无限可能，探索潜藏其中的无限价值。

本次多样化专场可谓百花齐放，入围了 3 个新奇好玩儿的话题，一起了解下吧～

虚拟偶像诞生记 - 数字人行业和技术探究

讲师分享了阿里集团在虚拟角色上的几个核心应用场景，从形、行、神三个艺术创作角度逐一结合技术进行分析，引出了相关的前端知识图谱。此外，还详细讲述多个核心技术点，如渲染引擎、云渲染、美术工作流、导演系统，动作表情识别，短视频生成等的实现思路。并针对行业未来的技术增长和业务价值进行了畅想，对当下布局做出指引。

一句话推荐：虚拟角色的实现背后，是 Web 互动领域无数技术交织而成的一张技术大网，相信这个分享，能给正在做、或者有意向做 Web 互动的小伙伴带来启发。

Web端短视频编辑器的设计与实现 - 像做PPT一样做视频

如何运用纯前端能力，实现一个完整的音视频剪辑应用？它要既能支持短视频在线渲染，支持字母编辑、动画贴纸、TTS 配音、横屏竖排多比例支持，又交互简单，只需有 PPT 创作经验就能快速上手，能让小白在丰富的分镜、视频模版的支持下，轻松拖拉拽生成一个视频。看完这个分享，你将有答案。

一句话推荐：如何能让视频的制作像做 PPT 一样轻松？真是个有意思的话题，要做到像专业剪辑软件一样，一定需要一个强大的编辑器内核，一起看看它是如何设计的吧！

解读千万级关系网络下的数据探寻可视化技术

在千万级关系量级的数据场景下，前端可以如何通过图可视分析技术，帮助用户完成问题发现、链路追踪，问题溯源，血缘分析的呢？阿里云 DataWorks 云研发平台将解答你的疑惑。DataWorks 是一个专业高效、安全可靠的一站式智能数据云研发平台，涵盖数据开发、算法开发、数据服务、数据治理、数据应用等各方面，其核心模块是一个千万级节点的调度引擎。让我们

一句话推荐：当数据量达到了千万级关系的量级，如何更好地用图将其展现出来呢？本次分享将为我们解答这个问题，一起看看阿里云在这方面的方案。

Node/Serverless 专场

Serverless 作为一种新型的互联网架构直接或间接推动了云计算的发展，随着 Serverless 体系不断完善，也让整个前端开发的边界变的更大，未来的前端开发人员的视角会更广阔，不管是当前的全栈，还是边缘计算，AI，3D 等，前端会在不同领域去使用 Node.js 和 Serverless 结合，这将使得整个行业行业带来怎样的变革？我们如何基于自身的业务场景去运用，发挥 Serverless 的最大价值？

本专场将邀请一线技术专家分享相关技术实践，给大家带来更多的思考和经验参考。

本专场本轮共入围 1 个话题，却是十分宏大的话题，一起看看吧～

Node.js Web 框架再进化 - 面向前端与未来标准

Web 开发一直是 Node.js 的主流方向，无论新人必学的 Express/Koa，或者是社区流行的企业级框架 Egg/Nest，各类 Web 框架层出不穷。讲师将与我们分享 Node.js Web 框架的发展历程，分析各类框架的适用场景及利弊，并基于阿里的 Node.js 框架 Midway，为大家介绍在过去这两年，他们对下一代 Node.js Web 框架的思考、设计、实践，包含他们是如何创作一款前端“爱用”的 Node.js 框架，如何面向未来标准、甚至参与标准来设计 Node.js Web 框架的两部分。

一句话推荐：阿里在 Node 领域的研发一直紧跟潮流，逐步到现在的能参与未来的标准设计，这其中肯定有许多值得说道的经验与技术，我们借这个话题一起了解下吧。

语言框架专场

2020 年的 D2 语言与框架专场，我们邀请了 Ben 讲解如何快速重构和重写 RxJS 代码，Ujjwal 讲标准化 TC39 组织如何运作。
近年随着浏览器功能日益强大和 JS/TS 语言日渐丰富，前端生态也蓬勃发展，"前端 er"在研发链路中的地位也越来越重要。前端智能化应用，结合浏览器的 IoT 接口，天马行空，让人脑洞大开；React 的 useState 概念也火出了圈，让函数式编程快速进入了很多"前端 er"的工具箱，前端测试覆盖率 100% 不是梦；还有干掉让人不安的'any' types 的新的 JS 编译语言 rescript......
今年的语言与框架专场，我们将邀请目前圈内的众多大牛，来和大家分享生机勃勃的前端生态圈。

本轮语言框架专场共入围 2 个话题，一起了解一下～

ReScript: JavaScript 平台上高质量大规模程序构建的秘密武器

ReScript, 第一个完全由中国人主导，并在世界范围内有广泛用户的通用程序语言。它放弃了对 JavaScript 语法的完全兼容，保证了单个模块级别兼容。它专注于解决实际问题，优化工具链的性能和用户体验，其编译器和构建系统的性能超出了 TypeScript 一到两个数量级，其类型信息也用于辅助生成更高效的代码。

它的用户不仅有全球 500 强如 Facebook/SAP, 还有欧洲的独角兽 Wolt, 老牌软件公司 Ubisoft/TinyMCE, 还被区块链公司 O(1) labs/float capital/Nomadic Labs 等广泛使用。

你是否好奇到底是什么原因让这么多公司都选择了 ReScript 呢？一起来听 ReScript 作者的介绍吧～

一句话推荐：咱们中国人自己设计的编程语言！还有那么多海外企业用户，太厉害了吧！想听想听～

State of Deno in 2021

你用过 Deno 开发吗？觉得它的开发体验如何？本届 D2, 我们邀请了 Deno 团队的核心开发者 Bartek Iwańczuk, 和我们聊聊 2021 Deno 的那些事儿～他目前专注于 Deno 的 CLI、deno_std 和 deno_lint 的研发，对此感兴趣的小伙伴，可以期待一下啦！

一句话推荐：第一波话题中的压轴话题（外文话题）！Node.js 作者的又一力作——Deno 到底表现如何，是否值得尝试，听完这个分享，相信你能有答案。

好啦，首批 12 个话题已经完整地为大家介绍完了，你对哪个话题感兴趣呢？快来留言区告诉我们吧～除了这些话题之外，我们还有十余个精彩话题仍在精心挑选中，将会马上和大家见面喔！

另外，还没买票的小伙伴，记得抓紧时间买票喔～现在还在早鸟票时间，线上门票仅售¥30/人，随便听上一场都能值回票价！

线下门票早鸟票价格 ¥399 元/人，包含 12.18-12.19 两天全天候的话题分享，不仅有讲师面对面，还可参加 18 号晚上的惊喜夜场活动喔！（卖个关子嘿嘿 ????

发起拼团之后，可以加入到官方拼团群中，快速成团～ 心动就赶快行动哟～