我来介绍下有赞前端团队

一、有赞是干嘛的

2012 年 11 月 27 日,有赞在杭州贝塔咖啡开始孵化,现在已经成为服务罗辑思维、读库、良品铺子等 200 万商户的中国领先的移动零售服务商。目前有赞的业务有:有赞批发、有赞分销、有赞微商城、有赞 C 端入口等。几乎所有的微信用户,他关注的微信公众号里就至少有一个是使用有赞来搭建、维护、管理的。此外还有大量第三方独立 APP 在使用有赞。

“第三方独立 APP” 怎么使用有赞?举个例子:很多独立的 APP,比如喜马拉雅、比如一些母婴 APP,它有流量,如何变现呢?如何让用户的积分发挥作用呢?—— 在有赞开一个移动商城,然后把 H5 页面嵌到 APP 里,就可以直接卖东西了,也可以让用户在这个移动商城里使用积分。

目前,有赞微商城已经收费。我们也在布局新业务,比如针对线下的软硬件的整体解决方案,包括:零售、餐饮、美业等。

二、有赞前端团队是一群什么样的人

1、我们

我们一共 22 个人(截止 2018 年 3 月,已经 70 人了),出生年份分布在 87 年 ~96 年之间,一半来自国内大的互联网公司:网易、淘宝、美团、去哪儿。还有 1/4 是在这儿实习了一年转正或者刚毕业过来工作才一两年的,都已经成为独当一面的老司机。

我们做了下统计,我们所有的前端刚好有 50% 是毕业自 985、211 的院校,77% 是计算机及相关专业的,这个比例还是比较高的。

2、我们是怎么做事儿的?

创意精英

如果你看过前 Google CEO Eric Schmidt 写的 How Google Works。你大概会比较容易理解我们是怎么做事儿的。很多做事风格和理念我们和 Google 是差不多的。

我们大部分人都在前端大团队里,按照业务职责分了若干个业务小组,业务小组之间会互相调剂 —— 前端这个工种总是容易一会儿这儿很忙那儿很闲,一会儿这儿闲那儿忙。印象中没有出现过有人以 “这不是我的职责范围” 为由而推卸事情,这是最基本的。

这样安排的好处是:大家可以在专业上很方便地互相学习、沟通、提高,也比较方便互相 review 代码给自己找到备份。除了日常的业务开发,几乎每个人都会有并行的性能优化、代码优化、组件库建设、完善测试脚本、工程化等工作。

这样安排的坏处是:前端跟业务有一定距离,不容易对业务有长期的跟进和深入的把握。

所以,我们要求我们的小伙伴是 “创意精英”(至少是这么要求自己)。“创意精英” 会自我驱动地主动地去接事情做、去找事情做,并不断去优化。

做事儿

我们的前端会比较主动地参与项目过程,很多业务项目、技术项目是前端驱动的,甚至有多个前端在项目中兼这 PM 的职责。我们推崇用最优雅的方式解决问题,而不是仅仅用前端的方式解决问题,所以我们会参与一部分后端的开发、会和运维部门密切配合改进性能和安全性、会在产品部门提出正式的视觉规范前先把 UI 组件库建设好。

如果一个前端参与的项目因为各种原因出问题了,我们是不接受这个前端说:我之前就知道 xxx。我们的逻辑是这样的:如果你作为一个前端知道这个项目哪里是有问题的(哪怕跟前端无关),你没有提出来,没有去推动项目组去做调整,你就是错了。

实习生

我们发现我们这儿的实习生待的时间都很长 —— 最近刚有 2 个实习了 1 年的实习生毕业转正了。为什么会这样呢?有个小伙伴给了个理由:我们把实习生当正式员工用。

3、我们的 TL 是咋样的?

我(德来)现在 暂时 是这个团队的 TL,平时主要工作就是招人,然后把招进来的人当爷一样伺候好:)。如果需要,你可以通过我的 博客 更多了解我。

为什么要强调 暂时 呢?因为据说如果我能招到一个人能把我现在干的活儿给接了,我就可以升职加薪带更大一个团队走上人生巅峰。你应该感受到了 —— 我是一个很有野心的人。

所以,有赞前端团队也是个傲娇的、有野心的团队。

三、我们做了哪些傲娇的事情

  1. 每年都组团参加前端技术会议。
  2. 我们去年做了全站 HTTPS,为 HTTP2 做好了准备。
  3. 我们做了自己的 PC 端和移动端的 UI 库。
  4. 我们对移动端的页面性能做了优化,平均页面打开时间(loaded)是 0.8x 秒。
  5. 我们开发了大量的公司内部开发辅助工具、管理工具,比如:我们集中化的数据 mock 工具 ZenMock ,它很多有趣而实用的特性,大家很爱用,争取年底之前能把它开源了。
  6. 我们有大量的 React 项目,并初步形成了自己的 React 组件库:Zent(几乎每个人都参与了这个组件库的开发)。
  7. 写了几篇 文章
  8. 开源了几个项目:zanui-weappzentTinyLoaderfelint
  9. 做了好多有用的营销工具、高级功能,卖了好多钱 :)

四、我们最近在做什么 & 将要做什么 (主要是在造轮子)

  1. 补全单元测试、完善自动 UI-Test 流程。
  2. 打造优雅的错误反馈链路
  3. 开源的有完整设计语言的,包含 PC(React)、H5(Vue)、小程序、纯 CSS 的四套组件库 的 ZanUI。
  4. 更多完善的工具满足服务化和前后端分离的要求。
  5. 造 Node 框架,业务中落地。
  6. 继续完善前端持续集成平台,加入分支集成,对接自动化测试和发布平台。
  7. 跨项目通用的打包工具:SuperMan、产品化的 mock 工具 ZanMock。
  8. 将更多内部工具开源。

下个月,我们会组团,一共 7 个人,去参加 NingJs,公司报销,22333。

当然,最重要的,大量的新业务等着我们利用上面这些积累去更好地实现。

我们在招更多小伙伴
一个小伙伴入职三个月的感言
– 这个更有趣:从有赞用户到有赞员工,入职 88 天的小结