Web前端技术架构前沿实践

会议室:富力1
出品人:马骥

Web前端的边界、终端和应用场景逐渐扩大,为了适应前端架构的场景需求,需要我们结... 展开 >

专题出品人:马骥

车好多集团研发总监

中国最早的 JavaScript 研究者和实践者之一,专长于 Web 前端、可视化领域。在 GIS、城市仿真、位置大数据等领域有一定研究。先后就职于车好多集团、TalkingData、百度地图、新浪网等企业,从事研发工作。

地点:富力1

专题:Web前端技术架构前沿实践

Web前端的边界、终端和应用场景逐渐扩大,为了适应前端架构的场景需求,需要我们结合新技术在设计理念和模式上不停的演进。本专题希望在三大框架、微前端、Serverless、大前端等方向探索前端的架构设计和前沿的成功实践。

by 姚立

字节跳动
架构前端平台架构 团队负责人

ArcoDesign 目前作为字节跳动内部使用最为广泛的自研设计系统,目前支撑了公司内部超过 4000 个企业级项目,公司内部 NPM 包下载量超过 240 万。但一路走来,并非一帆风顺,从一个默默无名的“新人串讲”项目,到目前支撑数百个部门、数千个应用项目,ArcoDesign 经历了项目改名、技术升级、设计系统设计等变化和挑战,但每次变化与升级都给项目本身带来了新的机遇和发展。为了满足公司内部不同业务、不同部门、不同角色的需求,我们自研了“动态梯度算法”,开发了风格配置平台、物料平台、ArcoDesign Pro 等一系列生态产品与工具以支撑不同团队的不同产品风格及业务诉求。

本次分享希望能够将我们一路遇到的挑战、抉择和思考呈现给大家,希望对你有所启发。

演讲提纲:

  1. 背景与现状
    • 公司业务快速发展面临的挑战
    • 行业已有设计系统的的痛点
    • ArcoDesign 的诞生与现状
  2. 发展与挑战
    • 项目的起源与品牌变更
    • 由线到面,构建全新的视觉体系
    • 极致的样式定制能力与风格配置平台
    • 产品能力与生态
    • 跨团队技术共建,生态体系的构建
  3. 未来与思考
    • 开源后的团队及产品开发的变化
    • ArcoSite 建站、Figma D2C 等未来能力的构建
    • ArcoDesign 全景图
  4. 未来愿景畅想

你将获得:

  • ArcoDesign 的设计理念与生态体系构建全过程
  • 企业级设计系统为满足不同部门业务需求时的考量和抉择

by 郑傲

小米
资深前端研发工程师

Vue3.0 是现代浏览器前端开发者应用最为广泛的框架之一,从 2020 年开始此框架经过大的版本升级和迭代后目前已经处于稳定的状态。在新的技术框架稳定的情况下为了提升企业中前端开发者的开发效率,我们团队将以往的开发经验转化成优秀的组件设计,将我们所想融入到这个组件库中。它在最大程度上保持企业中后台使用者在交互方式,样式表达和工程师开发习惯的统一。

演讲提纲:

  1. 组件库开发背景和收益
    • 拒绝盲目的中后台开发
    • 设计符合企业习惯的中后台组件
    • 稳步的分梯队研发过程
    • 稳定的迭代发展和快速响应使业务获得超预期实际收益
  2. 桌面场景下的组件设计原则
    • UI 交互原则
    • 组件功能原则
    • 桌面场景下的极致体验
    • 设计、开发前的头脑风暴
  3. 中后台组件 UI、交互的碰撞
    • 第一梯队——破冰
      • 从 Button 、ButtonGroup 到终局的 LoadingButton 设计
      • 设计组件库的基础主题,及样式分离
      • 设计组件库的共用基础属性 — size,color 等
    • 在讨论中诞生了独一无二的高性能表格组件
    • 在组件设计中鼓励对一个组件的多种实现方式
    • 一些值得一提的组件彩蛋
  4. 总结与展望

你将获得:

除了收获部分组件设计的思路之外,还能收获到在企业中如何从零开始设计一套通用的组件库及其积极的收益有哪些?如何设计或者颠覆已有的API和组件设计方案,维护大量的组件的同时如何迭代升级组件。

by 郝振佳

中设数字
前端架构师

自 Forrester 在 2014 年提出低代码的概念以来,特别是 2021 年国内低代码厂商的融资热潮以来,低代码化已经成为现今各大企业调研和践行的热门方向。面对日益复杂的需求和应用场景,可扩展性对于低代码平台的重要性日益凸显。我们将从整体架构设计、页面描述协议设计、渲染器和设计器的架构设计这四个方面,来探讨如何设计一个高可扩展性的低代码平台。

演讲提纲:

  1. 低代码发展概述
  2. 低代码平台前端整体设计
    • 整体系统架构设计
    • 页面描述协议设计
    • 基于插件的渲染器设计
    • 配置驱动的设计器设计
  3. 低代码平台可扩展能力设计
  4. 低代码平台的未来与展望

你将获得:

  • 了解如何设计低代码平台
  • 了解在低代码平台实践中,遇到的问题与解决思路
票务小姐姐