专场出品人：熊伟烈
字节跳动 抖音电商前端leader
从业以来一直深耕于大前端方向，有着十余年大前端技术和管理经验，当前任职于字节跳动抖音电商。主要擅长端到端工程架构、跨端解决方案、LowCode架构等，BFF框架Gracejs作者。同时负责过互联网社区、互联网金融、互联网教育、电子商务等业务，有着丰富的大前端前沿技术在行业应用和实践经验。
专场：大前端架构实践
大前端技术是连接视觉交互与数据逻辑的关键纽带，在互联网快速发展的浪潮中扮演着不可或缺的角色。从Web 2.0时代的初露锋芒，到移动互联网的全面渗透，再到如今Web 3.0、人工智能（AI）、扩展现实（XR）以及富交互应用的多样化爆发，大前端技术始终站在创新的最前沿，驱动着人机交互体验的不断升级。大前端已不仅仅是前端开发的代名词，更是横跨浏览器、移动端、桌面应用、智能硬件等多平台的综合技术体系。本专场将深度探讨大前端技术在当下及未来的发展趋势，涵盖新兴的开发框架、跨平台应用、性能优化、UI/UX创新、以及在AI与XR驱动下的前端新场景。
张忻正
Mobile Monorepo With Bazel
bilibili 技术专家
2014年加入B站，曾先后维护/担任，iOS研发工程师，开源播放器 ijkplayer maintainer，移动基础架构，移动工程效率，大前端业务架构。monorepo信徒，近深耕Kotlin跨平台。
我们经常会在Web或者后端研发领域经常听到Monorepo这个技术，然而在移动领域由于各种例如生态的复杂性等原因这个技术鲜为人知，即使使用也主要运用于大型公司的某一个垂类例如（iOS）领域。然而更全局的在整个移动领域的Monorepo的使用会大幅度降低开发的复杂度，提高开发效率，降低维护成本，这也是这次分享的原因，希望抛砖引玉共建Mobile monorepo生态。在这次分享中，我会介绍在bilibili移动端团队是如何使用Bazel来串起iOS/Android/Harmony以及后端RPC在不同语言技术栈之下的的Monorepo的实践及我们在此为各自对应生态的改进。同时也会分享在这个过程中我们遇到的问题以及解决方案。
内容大纲
1. We have a dream - Monorepo
2. 解耦(Decouple)技术
3. How
3.1 哔哩哔哩的研发模式
3.2 语言互操作
3.3 面向接口编程
3.4 拥抱异步
4. 总结
听众收益
1. Monorepo的优势
2. 前沿的解耦技术
内容大纲
1. We have a dream - Monorepo
2. 解耦(Decouple)技术
3. How
3.1 哔哩哔哩的研发模式
3.2 语言互操作
3.3 面向接口编程
3.4 拥抱异步
4. 总结
听众收益
1. Monorepo的优势
2. 前沿的解耦技术
3. 基于Bazel组织的iOS/Android/Harmony的项目工作流及解决方案
柯培霖
事件链可视化编排在抖音电商应用实践
字节跳动 前端开发工程师
曾就职于美团，参与美团点餐、美团优选等业务，现字节前端工程师，负责抖音电商货架场业务相关开发工作。
大前端行业多年从业经历，拥有丰富的 C 端开发经验，参与过多个业务从 0 到 1 的建设过程，专注于业务开发提效和技术突破。
大前端行业多年从业经历，拥有丰富的 C 端开发经验，参与过多个业务从 0 到 1 的建设过程，专注于业务开发提效和技术突破。
随着抖音电商的快速发展，支撑电商业务的高效稳定迭代成为关键，为此设计了一套基于协议的渲染方案，其中如何保持“逻辑”协议的长期高效可维护是一大难点。本次分享从业务背景出发，介绍自研动态化渲染框架的整体思路、事件链详解、可视化逻辑编排的架构设计，以及在应用过程中的难点、解决方案等，希望能够为与会者提供一些实用的思路和启示，推动可视化逻辑编排技术在业务领域的进一步发展与应用。
内容大纲
1. 背景介绍
1.1 业务场景
1.2 复杂度与挑战
2. 自研端到端动态化解决方案
2.1 设计思想
2.2 前后端合作方式
3. 事件链详解
3.1 交互行为
3.2 事件链协议
3.3 原子事件
3.4 运行机制
3.5 配置方式
4. 事件链可视化编排架构设计
4.1 整体交互设计
4.2 节点交互设计
4.3 布局算法
5. 场景应用
6. 后续思考
听众收益
1. 了解端到端动态化方案的设计思想
2. 了解逻辑能力的执行思路
3. 了解可视化编排的设计思路
刘开展
状态机分层架构在直播连麦业务应用实践
字节跳动 前端工程师
2018年毕业于哈尔滨工业大学，是论文阅读器Paperly（https://paperly.netlify.app）作者，开源笔记插件Context-note作者。2021年先后加入CloudKitchens、字节跳动等企业，主要研究低代码平台、前端提效工具等领域；当前在字节跳动直播团队，主要负责连麦业务相关架构设计与开发，在Electron、NodeJS、RTC音视频等领域有较多的沉淀与实战经验。
在前端领域中，一些复杂业务如主播连麦、订单系统、流程审批等会涉及到大量的状态流转和上下文维护，基于传统前端开发模式会面临：状态流转隐晦、代码耦合复杂、链路不可回溯等问题。本主题旨在通过引入状态机模型，具现化状态流转从而大大降低业务复杂度，配合分层架构实现代码解耦；配合单元测试基建前置保障了状态机的高准确性；基于状态链表延伸出可视化Tracer工具辅助快速排查状态流转问题。该方案在字节直播连麦业务中得到了较好地实践，本次分享也打算基于该业务背景和与会者进行交流与探讨。
内容大纲
1. 背景介绍
1.1 现状分析
1.2 传统开发模式弊端
1.3 状态机解决思路
2. 状态机简介
2.1 一个简单的例子
2.2 xstate 可视化状态图
3. 整体结构
3.1 驱动链路
3.2 分层架构
4. 核心模块实现
4.1 States
4.1.1 状态机拆解分层
4.1.1.1 分层模型
4.1.1.2 主状态机
4.1.1.3 子状态机
4.1.2 高阶使用
4.1.2.1 Pararelle State（并行子状态）
4.1.2.2 Spawn Actor（动态子状态机）
4.2 Context
4.3 Actions & Events
4.4 Services
4.5 Error Handler
5. 辅助基建
5.1 单元测试
5.1.1 expectBasicStateMachine
5.2 注入器（Injector）
5.3 Logger
6. 设计开发流程参考
6.1 业务拆解
6.2 状态机设计
6.3 主子状态机联调
6.4 接入功能模块
7. 补充说明
7.1 额外收益
7.1.1 Tracer
7.2 什么业务适合/不适合状态机
7.3 状态机开发模式的缺点
听众收益
1. 状态机在前端领域较为陌生，分享有助于听众初步熟悉状态机的开发形态和特点，为后续选型做技术储备；
2. 分享基于一个较为复杂的业务场景提供了状态机开发的相关最佳实践及设计，为其它复杂业务场景接入状态机提供设计指导和避坑指南；
3. 分享中涉及的一些周边知识，例如链路追踪 Tracer ，单元测试也是实际业务开发中值得借鉴与思考的经验。
SECon组委会是由业界多位资深技术专家发起，负责组织技术指导委员会，并和委员会的专家一起挖掘全球软件工程领域的创新技术，同时依托智盟创课国内领先的人才能力提升服务供应商，组织专业的会务服务团队，全面推进会议的顺利落地，保证参会者体验。
商务合作：木子 15122643988
票务联系：马静 18513067287
E-mail：speaker@secon.com.cn
关注SECon公众号
添加SECon小助手，获取
会议最新资讯
