前端工程体系的演进

关于工程

工程能力

技术Leader职责 = 工程体系构建 + 团队成长 + 业务支撑

手机淘宝

1.超大用户量 2.多部门业务插入 3. Hybrid 4.图片型应用

工程体系的目标

研发效率

稳定性 平台性 性能

产出质量

安全性

大用户量 hybrid 图片 多部门接入

工程体系的形态

库 平台 工具

库——演进

2012 2013 2014 2015 2016

中心化的基础库 Base.js

拆分和依赖 libs

分层，系统规划 Mobile Library

库——原则

•必要性——lib.env

库——原则

•复用性——lib.mtop

库——原则

•原子性——lib.util, lib.img

Lazyload Zoom Webpcheck

lib.img util

lib.promise

lib.env

lib.httpurl

库——设计

库——设计

库——设计

工具——演进

DNS proxy

构建

调试

Web server

init

Grunt -> gulp

工具——演进

创建 开发 调试 测试 发布

工具——设计

工具 => 工具链

创建 开发 调试 测试 发布

创建 开发 调试 测试 发布

平台——运营业务平台

页面UI

设计稿

产品需求

运营数据

服务端

线上页面

平台——运营业务平台

页面模板

设计稿

线上页面

运营数据

MT平台

未来——产品搭建平台

页面UI

设计稿

产品需求

运营数据

服务端

线上页面

平台——产品搭建平台

模块 设计规范

线上页面

产品架构

ABS平台

视图数据

后端API接入平台

通用业务平台

专有业务服务1

专有业务服务2

……

Q&A

微博：@寒冬winter 邮件：hanquan.csf@alibaba-inc.com 淘宝前端blog：http://taobaofed.org/