WebF 是一套更高性能、更轻量的符合主流 W3C 标准的跨端引擎，其通过良好的设计及架构能够很好的将前端主流的框架（例如 Vue、React 等）无缝跑在移动端，并获得媲美移动端原生的性能和体验。WebF 为了使其更轻量化并获得秒开能力，我们选择了 QuickJS 作为底层的 JavaScript 引擎并取得了不错的落地效果。但在整个落地的过程中，QuickJS 相比于 V8、JavaScriptCore 等相对成熟的 JavaScript 引擎而言，其开发调试体验及性能都会有较显著的差距。在本次的讲演中，我们将较为详细的给大家介绍我们对 QuickJS 所采取的相关优化思路、落地实践及未来规划，以此让大家较为全面的了解 QuickJS 的适用场景并有可能参与到 QuickJS 的开发及贡献中来。
 

随着现代前端应用的规模和复杂度不断增加，构建工具的性能变得越来越重要。Rspack 是一个基于 Rust 的一个高性能 Web Bundler，其能够在与 webpack 生态兼容的基础上做到 5-10 倍的性能提升。Rspack 目前不仅仅能用于日常开发提速，也可以应用到生产环境。在本次演讲中我们将结合 Rspack 当前的架构，简单聊聊 Rspack 在构建性能这一痛点问题上的优化思路、方案落地及未来规划，并在此基础上，分享一些在项目中排查和优化 Rspack 性能的方法。 

演讲提纲：

1. 背景 
2. 介绍 Rspack 
3. 基础架构解析 
4. Rspack 性能分析 
5. 项目性能排查与优化

你将获得：

• 了解 Rspack 基础架构 
• 了解 Rspack 在性能优化方面的实践 
• 了解基于 Rspack 项目的性能排查和优化 

广发投易通是由广发证券全自主研发的为专业机构投资者提供服务的极速交易平台。从 2016 年开始创建项目进行可行性验证，2017 年初正式立项，此后至今一直保持着高频迭代开发，当前已成为广发证券面向机构客户重点打造的最为核心的门户型 PB 交易系统。投易通客户端基于 Electron 和 React、TypeScript 技术栈研发，前端开发团队长期保持在 15~20 人规模，纯 TypeScript 代码量已达 80 多万行。

随着客户量和业务规模的持续增长，业务功能模块不断的丰富和新增，项目复杂度越来越高，在不同的阶段分别凸显出了不同的问题。基于各阶段主要问题的探索和解决，其客户端基础架构模式经历了几次较大的变动。此外在前端工程化、代码质量改善等方面也积攒了其独特的经验。本次主题演讲将围绕客户端项目在不同阶段的架构模式演进，分享与探讨相关的实践经验。

演讲提纲：

1. 项目背景简介‘

2.  Electron 中的几种独立运行环境

• Electron 的基础架构
• Electron 中的几种独立运行环境

3. 架构演进

• 早期经典的 Main / Renderer 架构模式
  • 经典架构模式及特点
  • 基于插件子模块模式的基础架构
  • 业务发展凸显出的问题
• 基于 Web Workers 的多线程架构模式
  • 多线程架构模式及特点
  • 线程间的通信性能优化策略
  • 单窗体多线程模式存在的问题
• 基于 Web Workers 和 BrowserView 的多进程与多线程架构模式
  • 多窗体与多进程的架构模式
  • 应对业务规模膨胀、基础数据缓存内存膨胀的解决方案
  • 构建环境隔离的插件式开发平台
  • 需注意的问题与应对策略
• 技术栈的演进与编码质量保障实践
  • 技术栈的演进
  • 研发规范、编码质量保障体系
  • 由 JavaScript 转向 TypeScript 的问题与解决方案
• 工程化的演进及实践

4. 未来展望

你将获得：

• 了解 Electron 应用开发的多进程架构模式
• 了解一种高频数据通信下的 Electron 应用业务架构模式
• 了解一种应对 Electron 应用业务规模膨胀的解决方案
• 了解一种大型 JavaScript 项目迁移至 TypeScript 的实践方案

前端做为技术研发的最后一环，有职责做好产品交付的整体把控。我们要做的不是发布一堆功能和页面，而是将稳定可靠，体验顺畅的服务交付给用户，这里核心要介绍的三个点就是：

• 什么是用户视角的稳定可靠，作为阿里云稳定性要求最高的控制台是如何做的
• 如何让不同用户都体验顺畅，作为阿里云用户量最大的产品控制台做了什么
• 何为用户交付？发布不等于交付，如何做好功能用户触达和心智教育

演讲提纲：

1. 面向失败的稳定性体系设计

• 故障教育下的成长
• 服务异常下的前端兜底策略
• 前端缓存机制
• 异常诊断和 4XX 错误监控治理
• 前后端全链路日志体系
• 重大故障应急预案

2. 随机应变的控制台体验

• to B 平台如何做用户分层体验
• 精&简模式设计和切换方案
• 事件驱动+全局搜索模式下的响应式管控

3. to B管控平台的定向运营

• 控制台定向运营策略和架构支撑
• 功能图谱和 CloudOps 评分模型 

你将获得：

• 学习如何做好一个成熟2B平台，包含稳定性，体验，能力运营等一系列方案
• 如何从前端和体验侧提升用户体感的服务可用性