个人简介
13 年以上前端开发经验(2013 年至今)。2023.08 加入字节跳动,2023.10 起负责飞书合同 Web 端前端,从核心模块开发到整体负责,并统筹 Web 端团队(10 人,后调整为 4 人)的任务分工、排期与交付。擅长 React + TypeScript 与前端工程化,主导 Webpack 到 Rspack 的构建系统升级,构建耗时降低 80%+,升级过程无线上问题。具备大型 ToB 产品的稳定性保障与错误监控经验,以及 Web、小程序、React Native 多端架构经验。
个人资料
- 姓名:刘文涛
- 求职意向:前端负责人 / 高级前端工程师
- 邮箱:jobs@ik0r.com
- 手机:18501335721
- GitHub:https://github.com/ik0r
- 博客:https://isay.me
工作经历
| 时间 | 公司 | 职位 |
|---|---|---|
| 2023.08 – 2026.07 | 字节跳动 | 前端负责人(2-2) |
| 2017.02 – 2023.08 | 美团(北京三快在线科技有限公司) | 前端开发工程师(2-1 → 2-2 → 3-1 → L8) |
| 2014.06 – 2017.02 | 北京微酷客科技有限公司 | 前端开发工程师 |
| 2013.03 – 2014.05 | 高德软件有限公司 | 前端开发工程师(2013.03–2013.07 实习) |
项目经验
字节跳动 · 飞书合同 Web 端、小程序及电子牵平台(2023.10 – 2026.07)
- 项目简述:飞书合同是飞书旗下一站式合同全生命周期管理产品,覆盖合同起草、在线协商、审核审批、签订、履约及统计分析全流程,服务多个头部企业客户;同时负责电子牵(https://www.letsign.com/)电子签约平台的 Web 前端。
- 主要工作:
- 作为飞书合同 Web 端前端负责人,负责整体前端工作,主导在线协商(中国区与非中国区)、合同状态流转与审批流、多方签署与盖章归档、管理端流程与字段管理、批量合同申请、合同台账、合同模板等核心模块的架构设计与迭代;同时负责飞书合同小程序端(基于 Taro)及电子牵平台 Web 前端的开发与维护。
- 负责 Web 端团队(10 人,后调整为 4 人)的任务分工、排期与交付,同时承担核心模块的一线开发。
- 主导构建系统从 Webpack(Jupiter)迁移到 Rspack(Edenx),解决迁移过程中的构建兼容问题,构建耗时降低 80%+,升级过程无线上问题。
- 针对在线协商中多方同时在线、事件来源多的特点,使用 rxjs 的 Subject 与 Operators 统一管理不同来源的事件流,完成事件聚合、分发与订阅回收,降低多来源事件之间的竞态与状态不一致。
- 负责 Web 端稳定性保障与错误监控,参与自动构建、泳道环境(隔离测试环境)验证、灰度发布的持续交付流程及 on-call 响应;完成飞书合同内 WPS SDK 的接入与后续维护。
- 按后端下发的权限标志位控制功能模块展示,并按脱敏结果渲染合同敏感信息,满足企业客户的权限与数据安全要求。
美团 · 配送前端架构与稳定性(2017.02 – 2023.08)
- 项目简述:覆盖美团配送骑手业务 Web、React Native(MRN)与小程序的前端架构、构建体系及稳定性建设,包括架构迭代、多端接入,以及日志上报、故障预防、故障发现、故障止损与故障定位。
- 主要工作:
- Web 与 MRN 架构(2017.02 – 2023.08):负责全部 H5 及部分管理端页面的技术架构与构建系统,使用 monorepo 管理代码,支持按目录/页面维度发布部署;负责 MRN 整体架构的迭代升级,收集开发同学遇到的问题并从框架层优化解决,同时承担部分业务页面开发;推动骑手 APP Hybrid Web 容器(KNB)的升级与迁移;基于 @angular-devkit/schematics 为 Web、MRN 及小程序项目提供统一脚手架,提升新页面开发效率。
- 前端稳定性体系(2018.03 – 2023.08):对小程序、Web 端、MRN 等架构进行升级,建设错误上报、接口上报、日志上报能力;制定稳定性保障开发流程规范,在关键节点增加卡控,并建设各页面的前端故障预案;制定稳定性指标并配置、优化告警策略;沉淀问题定位经验,输出日志查询工具使用方法并在组内推广,涉及 SQL、Presto、Hive、Kibana 等工具。
- 骑手业务小程序架构(2020.04 – 2023.08):负责外卖柜小程序从 0 到 1 的开发,制定技术架构、流程标准及开发规范;设计并落地多小程序 monorepo 架构,通过 Rollup、Gulp、ESLint、TypeScript 及自研工具配合内部构建流程,支撑外卖柜、换电柜及对应运维共 4 个小程序的代码共享与复用;推动骑手 APP 接入美团小程序 SDK,将外卖柜小程序从「小程序 + React Native」统一到小程序技术栈,完成在美团众包、美团专送中的接入与适配。
- 地图迁移适配层(2017.08 – 2018.05):公司地图业务去高德化,通过适配层让业务代码以最小改动从高德地图 JS SDK 迁移到腾讯地图,并支持多种地图;研究比较高德、腾讯、百度、Google 地图的 API 与功能差异及坐标系转换关系;设计并实现 seed → loader → lib 的分层加载架构,支持多地图自由选择与自动降级切换;统筹推动部门内 Web 端高德地图到腾讯地图的迁移。
早期项目(2013.03 – 2017.01)
- 味库买菜帮手(2014.11 – 2017.01,微酷客旗下产品):Web 与微信平台「味为美食 / 买菜帮手 / 味库海鲜」,帮助用户快速购买生鲜半成品。以 AngularJS 为基本框架完成前端架构与技术选型;搭建完整构建系统,经历源码发布 → Grunt → Gulp → Webpack → FIS3 的迭代升级;建立代码提交与 commit 规范;负责大部分前端及部分后端开发。
- 轻量级可视化活动页编辑系统(类淘宝神笔,味库内部试验项目)(2016.01 – 2016.06):所见即所得的内容编辑系统,类似简易版 PPT,支持拖拽、缩放元素等操作,帮助运营快速生成活动及商品介绍页,并支持输出为结构化数据以便多端复用。负责前端架构与技术选型、构建系统搭建及常用组件抽象,并定义前后端数据格式与交互方式。
- 高德地图 Web 与移动端产品(2013.03 – 2014.05):参与高德地图 PC 详情页、移动端 Web(SPA)、AMap JS API 2.0 及前端矢量地图等产品研发。负责移动端 Web(SPA)从 0 到 1 的技术选型与架构,保证单页多状态下的 URL 可重入;参与 AMap JS API 2.0 研发,负责 Marker、InfoWindow、右键菜单等覆盖物能力,并基于 Google Maps 的 MVCObject 机制沉淀可复用库;探索基于 HTML5 Canvas 的矢量地图切片绘制与性能优化。
技术输出
- 开源:GitHub 原创公开仓库 74 个(不含 fork),累计 1,000+ stars(https://github.com/ik0r)。
- 《TypeScript 类型体操基础》:团队内部技术分享。系统梳理 TypeScript 类型系统,覆盖条件类型、映射类型、递归类型、keyof、extends 类型约束及 infer 类型推断等高级类型用法,用于团队 TypeScript 能力建设。
- 《结合飞书合同中的应用学习 rxjs》:团队内部技术分享。结合飞书合同实际代码,梳理项目中使用的 Observable、Subject、Scheduler 及常用 Operators,说明其在业务代码中的作用,降低团队理解和维护 rxjs 相关代码的成本。
职业技能
- 前端架构与管理:主导 Web、小程序、React Native 多个复杂项目的完整架构与技术选型,有 monorepo 实践;负责过 10 人团队的任务分工、排期与交付,同时保持核心模块的一线开发。
- 技术栈:以 React + TypeScript 为主,熟悉 Vue、React Native、Taro 小程序框架;使用 zustand 管理状态,结合 react-query / swr 管理服务端状态,样式方案使用 styled-components;基于文案管理平台与 react-i18n 落地多语言,支撑中国区与非中国区业务。
- 工程化与构建:熟悉 Webpack、Rspack 及 Edenx(开源实现对应 Modern.js),主导多个项目的构建系统搭建,并完成 Webpack 到 Rspack 的迁移。
- 类型系统:熟悉 TypeScript 类型系统及类型体操,为个人维护的多数库补充了类型定义。
- 响应式编程:熟悉 rxjs 响应式编程范式,有在大型项目中使用 Observable、Subject、Scheduler 及各类 Operators 处理异步数据流的实践。
- 稳定性:负责多个项目的稳定性建设,覆盖错误监控、日志上报、告警与故障定位。
- 其他:有微信公众号及 Hybrid App(JSBridge)开发经验;熟悉高德、腾讯、百度、Google 地图 SDK;有 Node.js 开发经验(Express、Koa、MongoDB);熟悉 CSS2/CSS3、SASS/LESS、PostCSS;使用过 Karma、Mocha 等测试框架;熟练使用 Git,熟悉 GitHub Flow 与 gitflow。
其他技能
- 熟悉 Linux 与 macOS,2009 年起使用 *nix 系统(Debian、Ubuntu、Fedora、CentOS、Gentoo),熟悉目录结构、权限与配置;熟悉 Docker、docker-compose,熟悉 nginx、Traefik 等反向代理工具。
- 早期有 PHP 开发经验,开发过 3 个 WordPress 主题,了解 ThinkPHP 框架。
教育经历
- 2009 – 2013 · 中国海洋大学 · 通信工程
- 英语水平:CET-6