当前位置: 首页 > Web前端 > HTML

高能预警!第17届D2第一波话题新鲜出炉~

时间:2023-03-28 18:24:23 HTML

经过3个月紧张刺激的筹备,我们今年D2的5位制作人和8位特邀嘉宾终于从49个内部登记的话题中选出了14个话题作为首发作品今年第17届D2,呈现给大家。今年D2最终会有22个主题演讲。虽然还没有全部制作出来,但是我们可以先预览一下已经确定的14个题目的相关内容,给还在等待的同学们一些参考~所有的内容都已经在D2上发布了,官网更新中,您可以点击查看。由于文章篇幅,我们将按照“跨端技术”、“优秀工程”、“创新体验”、“语言与框架”、“网络与底层技术”的顺序进行介绍,大家可以查看看自己的兴趣吧~《跨终端技术》专场WebCompass-WebApp端内解决方案为了让这些Web服务的整体体验能够“批量级”提升到接近app级别的体验水平?本次分享主要介绍如何在传统Web技术的基础上提升系统体验,从前端、客户端、Web容器、Web渲染引擎等多个角度介绍核心技术方案。在了解整个WebApp技术方案的同时,也能让Web开发者了解到,在传统Web的基础上,可以用接近“零成本”的投资打造WebApp级的体验。欢迎各位对此话题感兴趣的朋友来听听讲师的分享,开发属于自己的“WebApp”。亮点了解网络技术和社区的现状和趋势。了解如何使用客户端、容器和呈现引擎的功能来创建Web的通用技术解决方案。了解U4内核必须提供的一些创新。了解基于该方案的传统Web服务如何以低成本或“0改造”的方式在Android和iOS平台下实现一致的高性能体验。了解此WebApp技术解决方案的后续步骤以及它如何进一步发展。讲师介绍赵洪斌,阿里巴巴高级无线开发专家,2012年加入U4核心团队,一直致力于Web渲染引擎(U4核心)技术的建设,同时也参与了网络渲染引擎的优化和系统化阿里巴巴移动端的Web体验。包括推进智能信息事业群内部Web开发系统的升级建设。Qking:跨端JS引擎的深度探索与突破简介JavaScript在跨端技术选型中扮演着重要的角色。无论是JSC、V8、QuickJS等,都是非常完善的JS引擎,但是它们的功能、性能、稳定性都存在一些问题。本专题将详细讨论JS引擎选择的各种权衡和优缺点,并介绍Qking引擎如何在现有问题的基础上通过增强QuickJS来提升引擎的执行性能和启动性能,增强开发和调试功能,同时保证上层引擎在大规模使用BindingAPI时的正确性和稳定性,从而提高前端和客户端开发的交付效率和质量。参与者可以更深入地了解JS引擎的难点问题和相应的改进思路。亮点分析了终端JS引擎的各种技术方案的优缺点和特点。了解跨端框架的性能瓶颈特点及相应的JS引擎优化思路。了解QuickJS引擎的一些功能性不足以及相应的增强思路和解决方案。深入分析终端使用JS引擎的稳定性问题及对策。讲师介绍徐加成,阿里巴巴无线开发专家,2017年加入阿里巴巴,深耕手机淘宝客户端跨端框架建设多年。在跨终端框架架构设计、性能优化、JS引擎集成开发等方面有较丰富的经验。目前负责淘宝跨端团队基于QuickJS构建更好的端到端JS引擎:QkingFlutter在线流畅度监控解决方案简介Flutter是谷歌推出的高性能跨平台解决方案。Flutter也开始暴露出一些问题。但是,官方并没有提供一套行之有效的在线监控方法。如何快速在线发现问题并准确定位,对于业务的长期健康发展尤为重要。由于流畅度是用户体验的重要组成部分,缺乏有效的监控很容易导致用户流失和业务量下降。UC核心团队结合自身在引擎端的积累,经过长时间的研发、验证,最终沉淀出较为完善的在线流畅度监测分析解决方案。本次分享将详细介绍解决方案,希望能为听众提供一个全新的思路,为业务的快速迭代保驾护航。行业解决方案精彩分析对比。分析离线监测原理,构建高精度在线监测指标。发动机端的突破与尝试。千万级流畅度监控定位解决方案讲师介绍叶莉阿里巴巴高级无线开发工程师。18年,主要负责基于异构硬件平台的光线追踪渲染引擎加速系统的软硬件协同和性能优化。21年加入阿里悍马引擎团队,主要负责Flutter的高可用建设。“卓越工程”环节基于H5页面“高差指纹”技术的大屏显示状态监控实际呈现情况。为此,开发者也构建了多种直接监控页面显示的技术方案,比如比较常见的完整记录DOM变化的播放方案,基于客户端能力的截图,或者基于Canvas的页面图片上报。页面内容的完整拦截和报告需要明确的用户授权和敏感内容的屏蔽。如果用于日常监控,还需要大量的计算和执行资源来处理上报的内容。受执行成本和用户隐私问题的限制,此类方案一般只用于明确出现问题的用户反馈。很多团队也对如何监控大屏显示状态进行了相关探索。这次分享一个在淘宝前端监控系统中实践的大屏显示状态识别方法。讲师介绍了在不触及页面隐私内容的情况下,针对大流量日常监控的页面采样方法和服务端计算方案。王苏,阿里巴巴前端技术专家,2017年加入阿里巴巴,拥有多年数据产品开发经验,现从事淘宝前端监控数据分析工作。该方向负责人基于OTel的移动端全链路Trace建设进行思考和实践。内容介绍一款移动应用产品从构思到最终成熟稳定的过程。产品开发过程中涉及的研发人员、项目的代码行数、架构规模、发布频率、修复线上问题的时间都会发生比较大的变化。这些变化给我们排查问题带来了很大的困难和挑战。业务问题通常难以重现和排除故障。如何定位和重现这些问题?本次分享主要介绍如何从基于OTel(全称:OpenTelemetry)协议的统一数据采集协议入手,逐步介绍端侧数据采集、多系统关联分析处理、自动化问题分析、以及核心技术。亮点了解基于OTel协议的移动全链路Trace的整体架构和技术细节。了解不同的端到端数据采集和处理问题背后的思考和处理方案。了解多系统数据自动关联分析处理的技术方案。了解分析移动端自动化问题方向的探索与实践。讲师介绍了阿里巴巴高级开发工程师高玉龙。2017年加入阿里巴巴,先后负责盒马安卓客户端会员、营销、购物车、交易、首页等业务。2021年负责阿里云日志服务SLS移动端日志采集的研发,参与移动端监控、移动端全链路Trace等相关产品的研发。“创新体验”专场淘宝生活专属“宅”——虚拟人物与虚拟场景的探索技术介绍随着互联网技术元宇宙趋势的兴起,虚拟人物与虚拟场景相结合的应用场景越来越多。本次分享主要介绍如何使用3D渲染引擎从0到1打造优质虚拟场景,实现人景交互技术。以室内“小屋”为例,逐步介绍了构建虚拟场景、控制虚拟角色、实现人景交互、优化渲染效果等核心技术。欢迎大家对这个话题感兴趣,一起交流,开发自己的“小屋”。亮点了解3D虚拟场景的整体架构和技术细节。了解如何优化渲染效果的技术解决方案。了解如何在Web上实现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虚拟空间应用探索内容简介元界是近一两年的热门话题。所有主要的互联网公司都有计划。Space,用户无需下载庞大的安装包,即可在淘宝App激活自己的3D头像,在虚拟世界中购物、购物、社交,探索沉浸式消费体验。本次分享主要介绍了3D虚拟空间的构建思路和背后的困难挑战。云渲染技术整体架构精彩一览云渲染技术的难点与挑战淘宝直播实际应用经验讲师介绍罗中柱阿里巴巴资深无线开发专家,2013年加入阿里巴巴,先后负责多个手机淘宝的研发迭代企业。2016年从0到1打造淘宝直播客户端,推动端侧平台架构演进,支撑直播业务快速增长,向集团数十个APP直播应用场景开放输出.从2021年开始,着眼于多媒体与3D技术的结合,设计探索一套基于云渲染的交互应用解决方案,为业务带来新的想象空间。优酷游戏化交互-嘻哈云蹦迪内容简介随着用户对交互体验的需求越来越高,游戏化交互已经成为非游戏类APP的标配。有兴趣参加街舞活动。本次分享主要围绕游戏化交互的构建以及街舞在线如何实现。性能优化等,如何以更低的成本在非游戏类APP中实现多人实时在线互动游戏。精彩看点了解如何解决非游戏类应用中游戏引擎的单例问题;学习如何实现点播、视频直播和游戏画面融合渲染;学习如何解决实时互动游戏中的帧同步和性能问题;讲师介绍王志越阿里巴巴无线开发专家,2014年加入阿里,先后在阿里云、优酷等部门从事客户端研发工作;在优酷期间,他领导了客户端视频二次播放优化、交互&广告基础架构的研发。《语言与框架》专场NoslateWorkers——云原生JavaScript容器解决方案简介JavaScript是开发者数量最多的编程语言。早年Node.js等技术的出现,让JavaScript可以轻松处理各种服务器任务。在云原生/Serverless等主流理念的引领下,弹性效率成为架构设计的新目标。为了让JavaScript任务具有更高的弹性效率,进而满足泛终端、全栈交付等领域的交付效率提升期望,我们设计了一个W3CWeb互操作的轻量级端云同构JavaScript轻量级容器解决方案场景,在交付灵活性与资源和执行效率之间取得平衡。现在主要用于集中式SSR渲染等轻量级任务场景,效果显着。亮点了解NoslateWorkers的整体架构和技术细节。了解业务在Serverless实现中如何平衡性能和成本讲师介绍杜家琨阿里巴巴前端技术专家,2014年加入阿里巴巴,一直负责阿里巴巴Node.js稳定性、中间件、可观察性和诊断平台等相关产品的开发。目前负责云原生Javascript容器产品Noslate的研发,推动并保障JavascriptServerless架构在业务中的顺利落地。前端框架对页面性能的探索与实践内容简介性能体验对业务的重要性不言而喻,但传统的体验优化方案存在先开发后治理、开发人员参与度高的问题,往往不可持续且容易恶化。同时,开发人员往往难以在实际业务中实践和实施许多复杂的性能解决方案。本课题将通过淘宝前端框架在不同业务场景下的探索,介绍使用低成本SSR链接提升页面性能的设计,以及如何结合不同的端侧能力进行通用的性能优化。同时也将在未来更多细分领域分享性能提升的思考和设计。亮点了解如何设计低成本SSR方案提升页面性能,以及全链路保障了解淘宝前端架构如何结合end-in-side容器的能力普遍提升性能,掌握性能优化策略,了解未来页面性能如何提升讲师突破方向夏文武阿里巴巴前端技术专家,目前在阿里巴巴淘宝前端架构负责前端框架的开发,开创了前端开发为开发者提供良好的开发体验和用户体验的框架。开源产品ICE核心开发者,曾负责微前端技术框架icestark、基于React的应用框架ice.js等开源项目《网络与底层技术》专场Web音视频解码和渲染技术现在和未来内容介绍随着多媒体内容在互联网内容消费中所占比例越来越高,音视频技术在Web技术背景下有哪些不同的发展历程?本次分享会紧随Web多媒体技术的发展,一步步拆解现代Web播放器的核心构成和最佳实践,从Chrome底层媒体架构的原理和思路出发,描述业界主流的解码渲染方案.同时分享优酷面对千万级2C播放业务场景的挑战和经验,最终带领大家了解未来最前沿的技术标准和有趣的玩法。亮点了解网络播放器的核心组件以及如何更好地实现现代网络播放器。了解整个播放系统从编码,到业务实践,再到性能优化等的坑经验和最佳实践,了解主流的编解码和渲染技术方案,同时能够初步了解浏览器底层支持上层播放器进行解码和渲染。了解WebCodecs等最新技术标准及相关最佳实践,探索未来有趣的玩法。讲师介绍了高松,阿里巴巴前端技术专家,2016年加入淘宝Weex团队,负责Weex框架的工具链生态开发。2018年起负责优酷Web播放器,深入研究Web平台音视频相关技术。面对千万级播放量的C端场景,他从0到1完成了优酷自研Web播放系统的搭建,积极探索行业领先的Web播放器。平台解码和渲染解决方案。移动存储内核新实践介绍随着大量小文件、图片、Web资源等IO密集型场景的出现,移动存储方案对用户体验的影响不容忽视。本课题将从Flash存储、文件系统、存储模型等方面由浅入深地介绍移动存储的特点,然后深入到手淘宝开发的顺序存储引擎的设计,重点是克服IO-密集场景。逐步向大家展示手机淘宝在移动存储核心上的新做法。亮点了解移动存储介质底层原理了解遍历移动文件系统开发了解前沿存储模型设计了解移动IO密集场景加速解决方案讲师介绍刘寒松阿里巴巴资深无线技术专家,多年移动开发和存储开发经验,熟悉存储和数据库技术,对移动数据库引擎有深入研究。多年的C++开发经验,以及在链接器技术领域的一些研究写在最后。以上就是今年D2第一波精彩话题的介绍。稍后,我们将陆续更新官网最后8期专题。值得期待!D2官网:https://d2.alibabatech.com