前段时间，阿里对外发布了《阿里技术参考图册》，并分为算法篇和研发篇，笔记以前端视角重点记录一下天猫前端的相关技术内容。

  • 前端文化：设计思路，架构角度，衡量技术的标准，团队的状态
  • 前端技术突破
    • 导购类技术
    • 中后台前端技术

天猫前端文化

在线 PDF 地址：https://zhoukekestar.github.io/notes/assets/2018/04-21-alitech/AliTech101_RD-244-296.pdf

设计思想

弱中心、扁平化、细粒度、跨平台

弱中心强调每个人是独立的个体，所有人相互平等，并细化到每人负责1个或多个技术领域，并做到跨平台。

架构角度

简单、高效、灵活、新鲜

既高效又灵活，所以要不断吧事情做简单，思考本质、看到本质，基于本质去实现，面向未来，并不断更新自己。

衡量技术的标准

评判技术的最终标准是业务价值

脱离业务讲技术就是耍流氓，需要让技术长在业务之上。技术需要去拓展业务的边界，并帮助业务去取得成功。业务的成功才是技术的成功。

理想的团队状态

健康、乐观、积极、主动

健康包括身体健康和精神状态，快乐工作，认真生活。

有想法、疑问、建议时，要主动表达，并勇于行动，积极承担责任。

做事，多和优秀的人探讨、相互借力、并成就他人。

天猫前端技术突破

导购前端技术

搭建体系

使用 Pegasus 的页面搭建/发布体系，在上层支持了品牌/营销（千叶/Page Work）、通用业务（Zebra）、活动大促（方舟）

渲染能力

使用 wormhole 的模板能力 和 kangaroo 的数据能力，做到页面的快速分发和交付。

数据

使用 GraphQL 作为接口交互方案，大大提高对接效率

智能划分热区

中后台前端技术

ASCP Design

适合供应链场景的专业化、场景化组件体系

模板 DSL - Relim

无需复杂的前端工程化工具快速组件化开发页面

不依赖任何一款组件化框架

Luna

在线 IDE 构建出中后台业务逻辑，使用 IDE 直接拖拉出流程，再编辑业务逻辑。

快速生成中后台

系统化平台解决方案

基于配置化方式，积累业务能力复用业务方案。复用效率越来越来：

1.0 基础组件复用 =》 2.0 业务组件复用 =》 3.0 业务能力复用

References