大前端工程化提效

会议室：二层 2号厅A
出品人：张宇

工程化是连接科学原理和现实世界的桥梁，中国在这一领域一直处于世界前列。随着移动互... 展开 >

旗下议题
出品人介绍

专题出品人：张宇

美团美团平台终端业务研发负责人

2010 年加入优酷，2018年 加入美团，前优酷移动端技术总监，现美团平台终端业务研发负责人。多年技术研发和管理经验，目前主要投入在美团 App 业务容器架构升级、业务组件服务体系化建设上，关注工程化提效、业务场景建模、技术平台化等领域。

地点：二层 2号厅A

专题：大前端工程化提效

工程化是连接科学原理和现实世界的桥梁，中国在这一领域一直处于世界前列。随着移动互联网浪潮兴起，一批又一批优秀的工程师，在工程化领域不断打磨实践。这使得服务海量用户成为了可能，并成就了许多人们耳熟能详的 App 。正是由于大家不懈的努力和独特的创新，工程化领域才能百花齐放，工程化这艘巨舰才能劈波斩浪。本次专题我们聚焦于大前端工程化提效方向的讨论，并分享业内一些经过实践检验的工程化案例。希望能够为大家在大前端工程化的探索道路上提供借鉴和帮助。

by 杨扬

字节跳动
Web开发引擎负责人
字节跳动的现代 Web 开发实践

大前端技术的根源是 Web 开发技术和 GUI 软件开发技术，如今这两者正在加速融合，前端开发和 Web 开发中出现的范式转移都已经累积到接近革命的程度，最近几年我在多个公开场合围绕「现代 Web」概念做过讨论，在这次分享中，我会在之前讲过的《理解现代 Web 开发》、《现代 Web 开发的现状与未来》基础上，更进一步讨论「现代 Web 开发技术栈」、「现代 Web 开发套件」和「现代 Web 应用」，以及字节跳动「Web Infra」团队在这方面所做的实践。

演讲提纲：

1.  Web 开发技术栈演变

  • 互联网行业和产品形态的变迁
  • 传统 Web 开发技术栈：LAMP、RoR、12 要素、MEAN/MERN
  • JAMStack？SHAMstack？
  • STAR？
  • Meta-framework
  • JS 第三纪元？

2.  Web 开发的「范式转移」

  • 框架视角
  • UI 视角
  • 编程视角
  • 架构视角
  • 抽象视角
  • 部署视角
  • 平台视角

3.  Web 开发在字节跳动

  • 脚手架和模板、Webpack 封装、Node.js 框架、PaaS、后端云、跨端、可视化搭建
  • MWA、新一代研发工具和平台的普及

4.  Modern Web Stack（现代 Web 开发套件）

  • 工程方案
  • MWA 框架
  • 可复用模块生态
  • Serverless 和前端 PaaS
  • 云研发平台
  • 低码提效

5. 开发 MWA

6. MWA 带来了什么

  • 免选型困扰，囊括社区主流，享受生态红利
  • 开箱即用，摆脱琐碎和重复，专注价值创造
  • 摆脱『一用即抛』的脚手架，无样板代码
  • 从『前端开发』进化到『产品 / 应用开发』
  • 从 "Universal JS" 进化到 "Universal App"
  • 更智能的编程方式，更完善的开发工具箱
  • 跟平台互相紧密集成，超越『木桶短板』
  • 解放开发者，赋能业务专家，打通 No/Low-Code

7. 总结

你将获得：

  • 理解 Web 开发技术栈的发展脉络和趋势
  • 了解 Jupiter 现代 Web 开发套件、Goofy 前端研发平台等字节跳动 Web Infra 研发体系
  • 了解 MWA 的概念、能力和实践

by 廖子尧

美团
技术专家
MBC 业务标准化容器在美团的实践
随着美团业务的快速发展，产品形态越来越多元化，为了更好的服务用户，我们需要在这些流量入口页面做大量的线上实验，以确保给用户带来最好的体验。这些入口页面通常需要兼顾性能和效率两个选择，如何在保证性能的前提下提升线下研发效率、缩短产品试验周期，是我们一直追求的事情。本次分享，我们将带来一种全新的开发模式，通过业务建模、标准化约束，使产研在页面结构变更、功能模块调整、UI 样式修改、数据埋点添加等多个环节通过配置形成闭环，以此来提升研发效率，缩短业务上线周期。
 
目前该方案已经大面积应用在美团平台业务，其中美团首页、消息、我的等千万级流量以上的页面覆盖度达到 100%，其他二级入口页面覆盖度达到 50%。从该方案上线起，在保持了原生体验的同时也为业务带来了 50%的人力成本减少与 60%的产研效率提升。
 
演讲提纲：
1. 传统模式
  • 业务上线流程
  • 存在的问题：上线效率低&开发成本高&职责边界模糊
2. MBC 业务标准化容器
  • 技术方案选型
  • MBC 业务标准化容器解决方案
3. 方案落地实践
  • MBC 方案适合的场景
  • 在美团平台业务落地的经验分享
  • 新老模式中各角色职责的切换
4. 总结与展望
  • 方案收益
  • 未来规划

你将获得：

  • 如何从现有的业务出发，对业务进行抽象，打造一套通用的业务架构
  • 对已有业务进行标准化改造过程中的痛点与难点，以及对应的解决方案

by 董亚杰

贝壳找房
大前端研发部总监
贝壳中台化建设下的前端体系探索

贝壳找房在产业互联网赛道发展越来越快，在“住”这个领域发展想象空间越来越大。如何持续对服务者好，并且让服务者服务好客户，追求更有品质的服务的要求下，对 B 端系统的开发效率、质量、体验都提出了更高的要求。同时在贝壳中台建设的背景下，我们利用中台思维，沉淀前端的能力、工具，提高模块复用度，技术方案上采用低代码和物料中台相结合，通过技术运营来达到提高效率的目的，解决前端的人力瓶颈问题。

目前该方案在在贝壳所有项目中得到应用，在作业端前端覆盖度达到 60%，部分团队达到 90%。在固定场景下，能减少 50% 的人力投入。

演讲提纲：
1. 什么是前端中台

  • 对中台的理解
  • 前端中台具备的属性

2. 贝壳前端中台(原石)演进

  • 贝壳前端中台（原石）演进
  • 平台架构和设计思路

3. 核心引擎

  • 生产端
  • 服务端
  • 消费侧
  •  数据埋点

4. 平台建设和技术运营

  • 物料体系
  • 技术运营

5. 未来发展

  • 总结一年的落地情况
  • 技术方案的延续和升华

你将获得：

  • 前端对中台的理解
  • 了解贝壳原石平台，包括系统架构是什么样的、核心引擎是如何设计的
  • 了解中台平台是如何被使用和推广的
  • 了解中台能力是如何自证的

by 王永青

百度
资深研发工程师
SmartFeed 多端模板渲染架构体系

随着百度 App 逐渐发展为基于搜索+信息流双引擎移动内容生态产品，对于 App 内页面的多样性和灵活性也有了新的挑战。为了同时兼顾运营效率、迭代周期与模板快速实验需求，我们设计了 SmartFeed 架构。通过统一设计规范标准、抽象模板设计与数据结构入手，逐渐摸索了一套多端模板智能渲染架构体系。最终实现「一次配置，多端同步」的跨端模板渲染架构。

本次分享将介绍 SmartFeed 的诞生背景，以及我们在百度 App 主推荐、图文落地页和专题聚合页实践过的一套跨端模板渲染架构。

演讲提纲：

1. 诞生背景

  • 业务痛点
    • 业务场景多
    • 模板多样化
    • 多端效率低
  • 技术现状
    • 无极设计系统
    • 跨端方案：灵动、San-native

2. 设计思想和架构实现

  • 设计思路
  • 全流程
  • 架构组成和实现
    • UI：原子库→组件库→模板
    • DSL：视图与数据的描述语言
    • Adapter：多端模板转换器
    • Renderer：多端模板渲染器
    • Runtime：视图、数据和行为管理
    • SmartFormPreview：即看即所得的视图与数据关联工具

3. 落地与展望

  • 落地与产出
  • 未来展望

你将获得：

  • 在多端业务基础上，实现一套跨端模板渲染架构技术与设计思路
  • 对现有资源和业务需求进行思考、抽象、整合和改造的实践思路
  • 从技术出发，将业务痛点技术化并推进落地的解题思路

联系我们

交通指南

北京 · 国际会议中心

地址：北京市朝阳区北辰东路7号
Copyright © 2026, Geekbang Technology Ltd. All rights reserved. 极客邦控股（北京）有限公司 | 京 ICP 备 16027448 号 - 5京公网安备京公网安备 11010502039052号 | 产品资质

  • 电话咨询

    联系电话：+86 13269078023
在报名过程中如有任何问题，欢迎微信扫描二维码联系我们的票务经理