李雅堂 / 前端工程师 / 8年 / 深圳 / 广东工业大学-计算机科学与技术
18503011690(微信同号) / liyatang@qq.com
Github https://github.com/liyatang / 语雀 https://www.yuque.com/liyatang
团队 Github https://github.com/gmfe / 团队语雀 https://www.yuque.com/iyum9i

技术栈：React 全家桶 / Javascript / Mobx / Taro / Typescript / Node.js

观麦 / 生鲜供应链SaaS / 5年 / 2015-08 ~ 至今

前端负责人(15人)，从 0 到 1 组建团队，倾向技术和管理。
核心职责

  • 做好支撑需求方工作，不断提供子弹给需求方打，同时保证质量。
  • 技术选型、公共组件支持、框架搭建，持续的包袱清理和重构。
  • 人才培养、方法论沉淀、文化建设。

一 核心技术建设

1 基础库建设&框架库建设: 高效开发的基石。

  • 支撑 20+ 项目积木式开发，基础库一直有在持续高频的迭代。深入一线开发，积累沉淀基础建设。
  • 覆盖业务的场景：PC端(gm-pc)、仓内桌面端(gm-touch)、公众号和小程序端(gm-mobile，跨端)、公共库(gm-common) 、框架层库(gm-react-app，类似 cra 和 cli) 。
  • 全迁移到了 Hooks 和 Typescript，提高编码体验和质量。
  • 样式使用 Css Variables 和 Tailwind 管理样式，支持暗黑（项目中没用）。
  • 使用 Lerna 进行多包管理，Storybook 做组件文档开发（先前用 markdown-it-react-loader 插件做文档，有被 taro-ui 依赖）。
  • 核心模块 表格 TableX、表格全键盘录入 Keyboard、Scripts。

2 代码生成：根据接口协议 protobuf 生成代码。

  • 生态工具不完善，无法满足需求，需自建。
  • 生成代码。如数据类型、枚举、请求代码、数据组件、多语、甚至复杂的业务组件。
  • 使用 Node、Protobufjs、Typescript。

3 自定义打印模板：可视化自定义打印模板。

  • 客户需求花式接地气。
  • 自定义 json 协议，有页眉、页脚、头部、尾部、浮动块 和 表格（难点，每页都有表头）。
  • 通过协议生成待打印页面。参考浏览器渲染过程，经过复杂排版之后渲染到页面。
  • 可视化编辑，可拖拽，可键盘调整位置。还能二次开发应付特殊需求。
  • 使用 ShadowDOM、打印样式、iframe

4 多语：支撑国内外用户使用产品。

  • 社区不满足，估自建库。
  • 多语文件不跟项目，不阻塞项目周期。
  • 定时服务扫项目生成多语源翻译文件，待非技术翻译。
  • 内部管理提供下载翻译和上传，给非技术使用。
  • 提供代码迁移工具，方便老项目支持多语。
  • 使用 Node、Babel、ast。

5 配置平台：解决客户个性化的简单需求。

  • SaaS 有很多非标准化诉求，通过配置生成去解决。配置数据生成 json 放到 cdn。技术简单但很实用。
  • 使用 Node、Egg、CDN、Json。

6 硬件

  • 接入电子智能称。使用 串口、蓝牙、浏览器插件 等。
  • 接入热敏打印机(小票和标签)。使用热敏协议 TSC ESC 等。
  • 接入扫码枪，PDA 等仓内作业。

二 **团队管理
1 沉淀团队文化，打造自我管理型团队。**

  • 有口口相传的良好口碑，靠谱、Bug少。给予涨薪自由度大。
  • 落地 三原则（闭环、推动、复盘）、次要原则（简单、交流、资源、沟通）、方法论（清单、费曼学习法）。其中闭环被上升公司价值观。
  • 《奈飞文化手册》一年落地、《高绩效教练》部分试水半年。
  • 人才培养。沉淀了成长模型（磨合->高效执行->独挡一面->自有一套->创新性解决），为成长服务。大部分成员离职流向头部公司。
  • 简单使用 OKR，主要用来对齐目标，首次使用按时完成了最老最大最核心项目的UI重构。
  • 应变能力。打造一个高执行力的团队和应变团队，时常摸索适合团队的运作方式。比如看板工具从 Tower 到 Trello 到 滴答清单 到 Tapd。比如虚拟团队分分合合。
  • 团队激励。1 闪电奖，后被产技部门采用；2 Key 计划，引导价值输出，为了团队精神；3 OKR 激励，并且被公司采用。4 报销自习室、咖啡厅等费用。
  • 团队博客 https://www.yuque.com/iyum9i/uur0qi 。

2 组织中台
愿景：跳出各自角色，做充分沟通，得到解决方案，反哺业务。成员 3 人，从 2个月萌芽 到 成立3个月 到 解散（支撑新来CTO）。

  • 推动了 CICD。
  • 推动过图片优化。
  • 完成核心项目《初始化》，让客户的上线时长大大缩小。并获得产品主动口碑，希望这种形式多推广。

左邻 / 智慧园区 / 1年 / 2014-08 ~ 2015-08

初创公司，前端负责人。
培养一非科班转行徒弟，后面入职阿里。

在 左邻 体会最深的原则： 交流和资源

腾讯 / 2.5年 / 2012-01 ~ 2014-08

大四加入腾讯实习，在 QQ空间 担任前端工程师，跟随导师学习。
毕业正式加入腾讯，担当起礼物、群空间主责任人。
随移动端大潮加入 Android，在 QQ空间 Android 负责礼物。

之后手Q Android 底层消息团队要人。

  • 启动性能优化。手Q 启动到拉完消息的过程，分析每个版本对性能的影响，推动优化，从 4.5s 下降到 2.7s。拿到业务突破奖。
  • 小工具研发。分析日志、捞日志工具 / 账号快速切换工具

在 手Q 这段时间收获了最宝贵的两个原则萌芽：闭环和推动

自我评价

  • 正直、坦诚。是我的信仰，相信也是高效的土壤。
  • 稳定、耐心。踏踏实实走好每一步，一起成长，愿等花开。
  • 运动。经常爬山，跑步。
  • 不擅长射手，但会是个好辅助。