小程序受架构所限，很难做到类比原生的丝滑体验。对饿了么这种大型小程序来说，持续运行过程中的体验劣化是一个棘手的问题。由于常规优化手段通常缺乏即时感知与处置能力，难以实现运行状态与体验之间的平衡，端智能的引入则为此创造了良好的破题条件。本次演讲将介绍饿了么小程序如何运用端智能提升体验，结合包括体验监测（实时感知用户异常并处置）、体验分层（自建算法模型判别设备运行状态并降级）、体验增强（智能调度策略提升页面访问速度 500ms）等业务应用案例，阐述终端智能体验（MIX）相关方案的多端选型、技术推演与能力沉淀。

演讲提纲：

1. 开篇

• 智能体验案例分享
• 智能体验的基本概念（MIX）
• 艰难的小程序体验优化之路
• 搭载端智能，体验优化如何从散点式到基座化

2. 智能体验基座解决方案

• 体验监测方案
• 体验分级方案
• 体验增强方案

3. 智能体验基座背后的黑科技

• 智能体验基座框架的整体设计
• 黑科技 1：配置驱动的时机决策与特征研发
• 黑科技 2：小程序运行算法模型
• 黑科技 3：前端自研算法模型

4. 最佳实践与收益评估

• 体验监测：提单手机号智能纠错
• 体验分级：全局图片智能降级
• 体验增强：频道分包智能预加载

5. 智能体验的未来展望

• MIX 持续建设的几个方向
• 小模型与大模型的协同

听众收益：

• 在常规体验优化手段以外，听众可以了解如何运用端智能在终端场景（尤其是小程序）做更精细的体验优化，以进一步提升用户体验
• AI 时代，终端岗位需要拥抱和学习 AI，本次演讲介绍了如何基于前端技术体系搭建推理引擎与算法模型，助力终端岗位人才技能升级

方案痛点：

• 运行端智能与智能体验需要满足一定的基础环境条件，对用户的设备资源可能有部分损耗，需要平衡好体验优化基建对体验本身的影响

当前下行的环境显著提高了多平台产品一致性的诉求，从而使跨平台解决方案越来越受到关注。本次演讲将脱离 Gradle 生态揭示 KMM 生态的构成及 Gradle 体系下的 KMM 生态的问题。同时介绍以 Bazel 为粘合剂重新组织来优化 KMM 开发生态。同时也会介绍 Bilibili 在这个技术框架下进行的三个移动端的逻辑层共享方案。

演讲提纲：

1. KMM 基础概念( KMM 生态下的原子构成)

• compilers
• artifacts
• plugins

2. KMM 生态的问题

• 工程化中的问题
• iOS上的问题
• 易用性的问题

3. B站的实践

• Why & How 我们使用 Bazel 来解决生态中的问题
• B站是如何处理鸿蒙系统来 share 逻辑层的
• iOS 层面我们是怎么做的
• Android 层面我们是怎么做的

4. 总结&展望

• KMM 生态的未来
• B站为 KMM 生态的后续输出规划

听众收益:

• 最前沿的 KMM 的实践

方案痛点：

• 小众，生态，独行者

纯电化及智能化为汽车行业带来了颠覆性的变化，汽车不再只是帮助人们出行的交通工具，而是成为了一个移动的智能生活空间。本次演讲将介绍在蔚来是如何通过 Web 前端技术在智能电动汽车行业为用户带来灵活、智慧以及跨端一致性的体验，包括前端技术如何与车内各种智能设备相结合，以及前端应用在驾驶安全性和用户驾乘体验所面临的挑战。

演讲提纲：

1. 背景与趋势

• 三电：电池、电机、电控
• 座舱中的智能化交互设备

2. 系统设计

• 基于 RTOS + VM + WebView 的应用运行容器方案
• 通过 FOTA、SOTA 和 URL 实现多种应用分发方式
• 利用 JS Bridge 连接应用和座舱设备提升用户体验
• 监测车辆运行状态变化应对驾驶安全性问题

3. 应用案例

• 用户年报中联动座舱内各设备增强活动沉浸度
• NIO Day 直播时利用 Web 技术跨端一致性扩展触达渠道
• 社群场景下通过车内多种应用分发方式优化用户到店体验

4. 总结和展望

• 通过 VR Glasses、AIGC等方式丰富应用交互形式和内容
• 基于 Chromium 、WebF 在车端为前端应用提供更高性能的运行容器

听众收益：

• 了解如何通过前端技术在电动汽车内为用户带来更灵活、智慧的体验
• 了解蔚来在该方向的实践及未来的探索

方案痛点：

• 车规级硬件性能和工况对于开发前端应用所造成的特定限制

随着音视频技术在 Web 浏览器中的成熟，浏览器所驱动的性能足以处理更复杂的任务。本次演讲将介绍在字节 - 智能创作团队是如何解决音视频领域的技术问题，建设灵活的工具架构，应对设计师、用户多样的创作工具的诉求，包括轨道编辑器、图文卡片模版、视频混剪工具等热门应用编辑体验。以及 AIGC 创作热潮下，前端程序员的技术成长路径。

演讲提纲：

1. 背景与趋势

• Web 浏览器中的底层能力提升，WASM、IndexedDB、WebCodec、WebGL,、WebGPU 等，如何支撑音视频技演进
• 在智能创作覆盖的业务中，如何为不同背景的使用者，提供不同的工具形态

2. 编辑工具应用案例

• 图文转视频工具，如何帮助文字工作者产出章节视频
• 卡片模版工具 for PPT工作者，并提供贴纸、文字、动画、数字人等多种表现形式
• 视频混剪工具 for 视频运营者，产出不同风格和排序的批量视频
• 轨道编辑器和 WebSDK for 视频剪辑师，并提供桌面级体验

3. 工具族背后的系统设计

• 基于事务和多粒度封装的整体工具系统架构，以支撑不同工具形态
• 基于JS友好的特效渲染引擎，打通现有模版生态和制作工具
• 端上组合的艺术，智能混剪和分组算法设计

4. 总结和展望

• 通过模块化拆分，能力库性能，和再组装能力提供形态多样的工具
• 从 Web 音视频到 Web 多媒体，多种技术和 AI 的综合使用，可以做到的事情
• AIGC 创作工具的跨脚本语言的范式迁移，从 JavaScript 到 Python

听众收益：

• 了解字节在该方向的实践及未来的探索
• 音视频编辑工具的最佳实践和思考过程

方案痛点：

• 浏览器能力层性能优化标准，如何于 PC 端对齐
• 大文件，多片段，复杂协议带来的工具初始化和运行时技术挑战

在过去一年，充斥着「前端已死」的论调。然而我们从悲观中看到的是幸存者偏差和机会。我们相信 2024 年是下一个十年的开始，因此 QCon 特别策划「大前端的未来在何方？」主题圆桌，邀请多位前端大咖，为你剖析大模型时代的大前端技术趋势，关注真正的 AI，关注 visionOS，与你一起拨开大前端职业发展的重重迷雾。