前端该如何进步？

随着前端技术逐步进化迭代，用户需求也在不断升级。如今，越来越多的用户对网页应用的性能、交互体验、响应速度的要求愈发严格。作为前端领域的开发者，如何在错综复杂的业务环境中，提升产品竞争力和满意度？在AI技术的迅猛发展下，前端开发人员应该如何运用这些新工具，提升开发效率和产品的效果？

为此，6月28日至29日在北京富力万丽酒店，由英特尔助力，稀土掘金技术社区举办的 「2024稀土开发者大会」 特别设置了「前端未来」分论坛，8位前端领域的技术大咖齐聚一堂，共同探讨如何利用新兴技术提升开发效率和用户体验，应对业务创新需求和挑战。现在扫描海报二维码，报名本次大会，早鸟票、学生票、特惠票火热售卖中！

分会场议程

演讲嘉宾：Vlad Minaev Head of WebStorm at JetBrains

Vladislav 具有 15 年的网络开发经验，涉足编程、架构设计和产品管理等多个角色。目前，他领导着 WebStorm 团队，专注于 JavaScript 和 TypeScript 的开发工具优化。

演讲主题：解锁 JS/TS 及 Web 框架本地 AI 驱动的高效编程

本专题旨在介绍利用专为特定编程语言和框架定制的本地部署大型语言模型，来实现既安全又高效的即时代码补全功能。本次分享将深入探讨如何通过智能集成静态代码分析工具及开发环境的深度代码理解能力，与 LLM 的响应进行高度融合与优化。

演讲嘉宾：杨文海 字节跳动数据平台可视化研发架构师

长期专注于图形领域的应用研究，数据可视化研发专家，VisActor 负责人。加入字节跳动以来，致力于数据可视化在数据分析、文档、大屏、智能化等方向的研究与落地。

演讲主题：可视化叙事与智能生成

当前数据可视化领域最有挑战的两个方向为“叙事可视化”和“智能可视化”。本次分享，从概念到实现原理为您详细介绍 VStory 和 VMind。

演讲大纲：

• 数据可视化和可视化叙事基本概念
• VisActor 可视化叙事模型与实现
• 智能可视化
• 可视化叙事的智能化

演讲嘉宾：朱鸣辉 京东资深前端工程师

Taro 核心开发，参与 Taro 跨端、鸿蒙化的研发工作。

演讲主题：Taro 鸿蒙适配：CAPI 探索与实践

本次演讲将集中探讨使用 Taro 框架适配鸿蒙操作系统的技术细节和策略。此外，还将讨论 W3C 生态的样式适配问题，并展望未来技术的发展方向。

演讲大纲

• Taro 介绍和工作原理
• Taro 适配鸿蒙的背景和契合点
• 基于 ArkUI 声明式范式的适配及优化探索
• 基于 CAPI 命令式范式的适配及优化探索
• W3C 生态的样式适配
• 未来展望及技术发展

演讲嘉宾：少游 Zoom 资深前端工程师

6 年前端优化经验，实践经验丰富，致力于传播体验优化的新理念。著有《前端工程体验优化实战》一书。开源爱好者，是 Vue.js、Next.js、Ant Design 等项目的贡献者。

演讲主题：前端体验优化

此次分享将结合嘉宾个人 6 年多来的实践经验，介绍前端体验优化的创新理念，用 5 类新颖的前端体验优化方案，帮助大家领悟数据驱动的体验优化理念。

演讲大纲

1、无量化，不优化：量化用户主观体验实践经验分享

• 没有量化数据，怎么升职加薪？
• 主观体验到客观指标：web-vitals 6 类指标讲解
• 百分比堆叠图：解决量化数据异常波动，稳定量化用户体验

2、资源优先级提示：2 行代码让加载耗时减少 67%

• DEMO：只用 2 行代码让 JS 加载耗时减少 900ms
• 4 类资源优先级提示介绍
• 自动生成优先级提示工具

3、代码分割最佳实践-细粒度代码分割

• 传统代码分割的痛点
• 细粒度代码分割配置的优势

4、SSR 架构进阶优化：从 CSR 到SSG、ISR，再到Server Component

• SPA应用体验差的根源：CSR
• 用 SSR 让 FCP 用户指标改善 72%
• SSR 进阶优化实战：SSG 和 ISR
• SSR 未来：服务端组件 Server Component

5、开发体验和用户体验正相关

• CSS 开发的痛点和 CSS Prop 解决方案
• 现代构建工具 ESbuild 实战讲解
• 需求开发流程最佳实践图文介绍

演讲嘉宾：毛远俊 得物客服前端负责人

2021 加入得物，从 0 到 1 搭建了得物客服前端多个技术产品，目前主要负责得物前端 monorepo 技术体系的建设以及客服前端中后台体系的建设。深耕前端十余年，曾在唯品会、蘑菇街和阿里巴巴工作过，专注于发现业务痛点，通过技术解决业务问题。

演讲主题：得物前端 monorepo 技术架构的设计与实践

得物前端 monorepo 大仓的研发模式目前包含 110+ 应用，覆盖前端平台 B 端、C 端、Node 和小程序应用，在大仓代码管理、权限设计、研发流程、单元测试、主干研发模式等技术都有一定的积累和沉淀。

演讲大纲

1、背景：散乱且低效的代码复用

2、目录：多端目录结构的设计

• 不同端不同业务应用的代码管理
• 不同业务应用代码的按需拉取

3、架构：大仓研发流程的设计

• 大仓下的代码标准规范
• 大仓下的权限管理
• 大仓下统一的研发流程
• 大仓下的单元测试
• 大仓下的主干研发模式

4、挑战：大仓下带来的技术挑战

5、收益 & 规划：大仓带来的成效 & 未来规划

演讲嘉宾：张雅姗 快手前端工程师

4 年前端开发经验，专注于前端动效领域，目前投入在动效平台和渲染引擎的建设工作。

演讲主题：快手在大型活动中的动效实践方案

动效在设计和用户体验领域中有重要的价值。本次分享将会介绍类序列帧动效、游戏化动效等动效方案，以及快手在大型活动中积累的动效解决方案。

演讲大纲

• 动效在快手大型活动中的应用
• 动效的分类
• 动效的交付链路及优化
• 游戏化动效探索实践
• 性能测试和调优

演讲嘉宾：李洋 字节跳动前端开发工程师

20 年加入字节，从 0 到 1 发起并负责团队轻互动方向技术方案建设与业务落地；热衷于 Web 环境下的图形图像技术及其应用；乐于分享，掘金小册《基于 ThreeJS 框架的魔方微信小游戏实践》作者。

演讲主题：Wasm + WebGL 在前端互动技术中的应用实践

本次分享将重点介绍如何利用 Wasm 和 WebGL 对目前流行的前端互动技术（比如：Lottie 动画、渲染引擎、APNG、WebP 动画图片等）进行创新和实践。

演讲大纲

• 当前前端互动技术现状
• Lottie 动画 WebGL 渲染
• 高性能 Wasm + WebGL 渲染引擎
• WebGL 帧差序列帧图片规范
• 未来展望

演讲嘉宾：尤毅 禾观科技供应链前端负责人

专注于研发效能提升相关的工程化与低代码领域，深耕供应链 B 端业务与 C 端营销场景。

演讲主题：在 AIGC 冲击下，前端如何提高自身竞争力？

在跨境业务领域，如何从前端的视角出发，来提升业务 ROI 和供应链核心竞争力。

演讲大纲

• 前端目前困境
• 低代码在 B 端业务中的落地与推进
• AIGC 在项目中的落地
• 回归业务，提高价值