第十六届 D2 前端技术论坛完成 6 大专场 21 个话题集结,快来划重点,你一定会有所收获!

简介: 一年一度的前端盛会D2前端技术论坛就要来啦,话题集结完成,快来报名学习吧!

D2主K.png

大家十二月好呀~进入到十二月,预示着第十六届 D2 (12.18-12.19)离我们不远啦!

而就在今天,D2 也完成了 6 大专场 21 个话题的集结,一起召唤文末的神(福)龙(利) 🐲


语言框架专场

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 到底表现如何,是否值得尝试,听完这个分享,相信你能有答案。



多样化专场


虚拟角色的行业和技术

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


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


CRDT 实时协作技术在稿定编辑器中的应用

多人实时协作能力对许多 Web 生产力应用至关重要,但其始终存在较高的技术门槛。本次分享将介绍稿定在平面设计编辑器业务中基于 CRDT 库 Yjs 的实时协作功能落地实践,由此展望近年崛起的 CRDT 去中心化协作架构的可能性。


一句话推荐:「JavaScript 二十年」中文版作者 doodlewind 雪碧带来的分享,他总是能把高深的知识用很易懂的语言清晰地表达出来,本次 D2, 相信他也能用一场分享把「编辑器多人实时协作能力」讲清楚,拭目以待吧~


短视频时代的 Web 视频编辑器

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


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


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

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


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


多样化可谓是本届 D2 最鲜活有趣的专场了,好多有意思的话题咱们是一个也舍不得落下,奈何时间有限.. 所以有三个话题,我们决定通过「快闪」的形式向大家推出,快闪话题每个 15 分钟,用最宝贵的时间为大家带来最精髓的话题!👇


向量到墨水:从绘画视角解析三维模型的漫画风格渲染技术


讲师从漫画风格的三维渲染二维风格入手,讲述了漫画风格的由来及其特点。再从绘画角度分析漫画风格的表现手法和套路,分析如何将漫画表现手法量化、逻辑化,再辅以具体技术的分析和 Demo, 让前端与漫画的距离瞬间近了许多。


一句话推荐:作为看着漫画长大的一代,这个话题听着真的无比亲切,如果前端也能轻松创作自己的漫画作品,那不是很棒吗?


开源表单方案 Formily 的核心设计思路

你接到过哪些表单需求?遇到过哪些表单问题?如何优雅地解决表单问题:抽象表单、表单性能提升、让表单变得可设计。表单对我们认识整个世界有哪些启发?开源表单 Formily 核心开发者将与我们分享,他们在表单开发路上的真知灼见,从小小的表单,窥见整个世界。


一句话推荐:统一表单解决方案 Formily 在开源社区中有着良好的口碑,从标题来看,他们给自己的定位也不是仅仅做一款表单工具,而是有着深入的思考。至于是什么思考呢?来听分享就知道啦。


协同文档工作机制简介

钉钉文档问世三年来,从仅具备最基础的富文本协同编辑能力,至今成为支持专业排版、插入脑图等复杂元素并协同的专业文档,已是业界较为复杂的前端应用之一。 面对日益复杂的产品逻辑和场景化需求,钉钉文档团队在编辑器技术、应用架构等领域,遇到了哪些技术挑战,又是如何解决的?讲师将为我们一一解答。


一句话推荐:文档编辑器的开发,可谓涉及到前端技术知识的方方面面,需要拥有坚实的前端基础。相应地,编辑器的分享肯定也少不了满满干货。


👇 专场话题集齐完毕~


跨端技术专场


V8 JS AOT 化的探索与实践

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


一句话推荐:想了解 V8 实现细节、JS 编译优化的小伙伴,千万不能错过!


浅谈 Web Component 实践与应用

前端框架不断推陈出新,如何在不断的革命与淘汰的氛围中维持服务功能的稳健,一直是每位工程师最大的理想与目标。讲师将与我们分享如如何透过 Web Component 轻松快活玩转各框架,让功能开发与服务稳健可以并行迈向未来。


一句话推荐:身为雅虎台湾 AMP 项目首席程序员的 Paul Li 同时也是前端工程师,这种跨端的身份让他能从独特的视角看现代 Web 技术,一起听听他的分享吧。


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

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


一句话推荐:对于鸿蒙系统或者 Rax 跨端方案感兴趣的小伙伴,都来听听看~


👇 专场话题集齐完毕~

3029E4C2-E82E-4A73-B755-4E82BEFA375A-929-000000B438B866AA.png.JPG


前端体验专场


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

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

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


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


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

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

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


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


适老化&无障碍的前端体验探索——为更多人提供便利和自由

老年人和残疾人等群体由于身体机能缺陷或退化、信息技能水平不高、互联网应用适配不足等问题,在信息社会中逐渐处于弱势地位,难以享受技术进步带来的便利,面临使用型数字沟通问题。如何让所有人能平等、方便、无障碍地获取和利用信息,我们尝试从青松助手的产品设计,以及对腾讯问卷、腾讯兔小巢适老化及无障碍改造的经验中寻找答案。


一句话推荐:随着社会人口结构的改变,以及老年往年比例的增大,「适老化」体验也越来越受关注,一起看看将社交做到极致的腾讯在这方面是怎么做的吧。


👇 专场话题集齐完毕~


低代码专场

ESM Bundleless 在低代码场景的实践

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

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


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


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

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


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


腾讯低代码引擎建设思考和实战

腾讯低代码平台致力于提供统一、高效的低代码核心引擎和底层库以及标准建设,他们实现了统一的 UI 可视化引擎模块、逻辑可视化引擎模块、DSL引擎模块、生产运行模块以及质量保证模块,讲师将和我们分享建设产品核心引擎过程中的思考及实战。


一句话推荐:低代码引擎是低代码平台实现的核心,如 V8 之于 Chrome 的存在,了解低代码引擎建设过程中的思考与实战,一定能收获到很多干货!


👇 专场话题集齐完毕~


Node.js & Serverless 专场


云原生 WebAssembly 与 Serverless

曾被评为「腾讯云最具价值专家」的 Michael Yuan 博士是云原生、WebAssembly 领域的专家,同时他也是 WasmEdge 的创始人和核心开发者,本次 D2, 他将向我们介绍他们为什么选择服务端 WebAssembly(而非 Docker)、云端 WebAssembly 当前的进展以及他们在 WebAssembly 上做的创新。


一句话推荐:随着 WebAssembly 的不断发展,它早已超越了最初的浏览器应用范畴,转而在轻量级软件容器这条路上越走越远。现在,我们又将看到它和 Serverless 的结合碰撞出的火花了~


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 领域的研发一直紧跟潮流,逐步到现在的能参与未来的标准设计,这其中肯定有许多值得说道的经验与技术,我们借这个话题一起了解下吧。


用 Rust 和 Node-API 开发高性能 Node.js 模块

随着 Deno 项目横空出世,Rust 逐渐被带入到 Node.js 开发者的视野中。而 Deno 又推动了 SWC 的迅速发展,使其在多个重量级项目中取代了 Babel 成为了默认的编译工具。要想用 Rust 为前端与 Node.js 领域带来无与伦比的性能体验,如何让 Rust 代码与 Node.js 进行交互是绕不开的话题。本次分享将会为大家介绍如何从零开始编写、构建、发布一个完整的由 Rust 编写的 npm 包,并为大家详细讲解每一个环节的要点和细节。


一句话推荐:用 Rust 开发 NPM 包,听起来好像挺有意思的!结合语言框架专场的「State of Deno 2021」一起“食用”,收获更佳喔~


👇 专场话题集齐完毕~



话题介绍完毕,大家可以到官网查看具体的日程安排哟!

前文说好的福利也来啦~


即日起至 12.10, 购买 D2 门票将无需拼团,直接购买即可享受线上 30/人 的限时福利哦~~ 还没购票的同学们要抓紧啦~~


除此之外偷偷透露一下,线下将可以参加晚场辩论赛活动!超多神秘大咖将惊喜现身,敬请期待一下吧,嘿嘿~

屏幕快照 2021-12-03 下午2.24.11.png


赶紧扫码购票~ 咱们 18-19 D2 见喔 💓

目录
相关文章
|
7天前
|
前端开发 JavaScript 测试技术
前端测试技术中,如何提高集成测试的效率?
前端测试技术中,如何提高集成测试的效率?
|
1月前
|
前端开发 JavaScript 持续交付
前端技术趋势:2024年值得关注的几个方面
【10月更文挑战第9天】前端技术趋势:2024年值得关注的几个方面
|
21天前
|
Cloud Native 前端开发 JavaScript
前端开发者必看:不懂云原生你就OUT了!揭秘如何用云原生技术提升项目部署与全栈能力
【10月更文挑战第23天】随着云计算的发展,云原生逐渐成为技术热点。前端开发者了解云原生有助于提升部署与运维效率、实现微服务化、掌握全栈开发能力和利用丰富技术生态。本文通过示例代码介绍云原生在前端项目中的应用,帮助开发者更好地理解其重要性。
53 0
|
14天前
|
前端开发 JavaScript API
惊呆了!这些前端技术竟然能让你的网站实现无缝滚动效果!
【10月更文挑战第30天】本文介绍了几种实现网页无缝滚动的技术,包括CSS3的`scroll-snap`属性、JavaScript的Intersection Observer API以及现代前端框架如React和Vue的动画库。通过示例代码展示了如何使用这些技术,帮助开发者轻松实现流畅的滚动效果,提升用户体验。
84 29
|
7天前
|
移动开发 前端开发 JavaScript
惊!这些前端技术竟然能让你的网站在移动端大放异彩!
随着互联网技术的发展,移动设备成为主要的上网工具。本文介绍了几种关键的前端技术,包括响应式设计、图片优化、字体选择、HTML5和CSS3的应用、性能优化及手势操作设计,帮助开发者提升网站在移动端的显示效果和用户体验。示例代码展示了如何实现简单的双向绑定功能。
16 3
|
7天前
|
数据采集 前端开发 安全
前端测试技术
前端测试是确保前端应用程序质量和性能的重要环节,涵盖了多种技术和方法
|
12天前
|
编解码 前端开发 JavaScript
前端界的黑科技:掌握这些技术,让你的网站秒变未来感十足!
【10月更文挑战第31天】前端技术日新月异,黑科技层出不穷,让网页更加美观、交互更加丰富。本文通过响应式布局与媒体查询、前端框架与组件化开发等案例,展示这些技术如何让网站充满未来感。响应式布局使网站适应不同设备,前端框架如React、Vue则提高开发效率和代码质量。
25 3
|
14天前
|
JSON 前端开发 搜索推荐
惊!这些前端技术竟然能让你的网站实现个性化推荐功能!
【10月更文挑战第30天】随着互联网技术的发展,个性化推荐已成为提升用户体验的重要手段。前端技术如JavaScript通过捕获用户行为数据、实时更新推荐结果等方式,在实现个性化推荐中扮演关键角色。本文将深入解析这些技术,并通过示例代码展示其实际应用。
45 4
|
14天前
|
前端开发 JavaScript 测试技术
前端小白逆袭之路:如何快速掌握前端测试技术,确保代码质量无忧!
【10月更文挑战第30天】前端开发技术迭代迅速,新手如何快速掌握前端测试以确保代码质量?本文将介绍前端测试的基础知识,包括单元测试、集成测试和端到端测试,以及常用的测试工具如Jest、Mocha、Cypress等。通过实践和学习,你也能成为前端测试高手。
33 4
|
13天前
|
前端开发 JavaScript 数据处理
前端界的宝藏技术:掌握这些,让你的网页秒变交互神器!
【10月更文挑战第31天】前端开发藏有众多宝藏技术,如JavaScript异步编程和Web Components。异步编程通过Promise、async/await实现复杂的网络请求,提高代码可读性;Web Components则允许创建可重用、封装良好的自定义组件,提升代码复用性和独立性。此外,CSS动画、SVG绘图等技术也极大丰富了网页的视觉和交互体验。不断学习和实践,让网页秒变交互神器。
22 2