关于我

个人资料

• 姓名: 刘文涛
• 邮箱: jobs@wtliu.com
• 年龄: From 1990
• QQ: 83692901
• 手机号码: 18501335721
• GitHub: http://github.com/wyntau
• 博客: http://isay.me
• 毕业学校: 中国海洋大学(2009 - 2013)
• 专业: 通信工程
• 英语水平: CET-6

工作经历

项目经验

1. 飞书合同PC端及小程序
   • 时间: 2023.10 – NOW
   • 个人职责:
     • 飞书合同PC端前端开发
     • 飞书合同小程序前端开发
2. 美团配送骑手业务小程序技术架构
   • 时间: 2020.4 – 2023.8
   • 项目简述: 负责美团外卖柜小程序项目的技术架构及开发, 及后续各新增小程序的技术架构工作
   • 个人职责:
     • 外卖柜小程序前期建设, 从 0 到 1 开发, 制定技术架构、相关流程标准及开发规范等
     • 组内多小程序整体架构设计及构建系统搭建，以达成 monorepo 仓库管理各小程序为目标, 通过 rollup, gulp, eslint, ts 等业界常见前端工具以及自研工具配合, 搭配公司内部构建流程工具, 完成小程序 monorepo 仓库架构, 可以支持多个小程序之间的代码共享及复用, 支撑部门内多个小程序(外卖柜小程序, 外卖柜运维小程序, 换电柜小程序, 换电柜运维小程序)后期的开发和维护工作.
     • 推动骑手 APP 接入美团小程序 SDK, 将外卖柜小程序从小程序 + React-Native 统一到小程序技术栈下. 美团小程序在骑手APP(美团众包、美团专送)的接入与外卖柜小程序的适配
     • 提效工具开发, 使用 @angular-devkit/schematics 为各前端项目提供脚手架初始化能力, 方便快速进行新页面的开发
     • 小程序稳定性保障建设
3. 美团配送骑手业务 React Native 前端技术架构
   • 时间: 2017.2 – 2023.8
   • 项目简述: 负责组内 React Native 相关项目的技术架构工作.
   • 个人职责:
     • 组内 MRN(Meituan React-Native) 开发整体架构的迭代和升级, 通过收集开发同学遇到的问题, 对架构层面进行优化并从框架层面进行解决.
     • 提效工具开发, 使用 @angular-devkit/schematics 为各前端项目提供脚手架初始化能力, 方便快速进行新页面的开发
     • MRN 稳定性保障建设
     • MRN 整体数据安全与隐私合规工作
     • MRN 部分业务页面的开发与维护
4. 美团配送骑手业务 Web 前端技术架构
   • 时间: 2017.2 – 2023.8
   • 项目简述: 负责组内 Web 相关项目的技术架构工作
   • 个人职责:
     • 组内全部 H5 及部分管理端页面的前端技术架构及构建系统开发. 使用 monorepo 形式对代码进行管理, 支持以目录/页面维度进行发布部署
     • web 端稳定性保障建设
     • 部分 h5 及管理端页面开发工作
     • 推动骑手 APP hybrid web容器(KNB容器)的升级和迁移工作
5. 美团配送骑手业务稳定性保障及安全合规工作
   • 时间: 2018.3 – 2023.8
   • 项目简述: 负责组内前端项目的整体稳定性保障工作, 覆盖日志上报, 故障预防, 故障发现, 故障止损, 故障定位等方面.
   • 个人职责:
     • 对小程序、Web端、MRN等技术架构进行升级, 覆盖错误上报, 接口上报, 日志上报等能力
     • 制定稳定性保障开发流程规范, 在开发流程重要节点增加卡控, 提升项目故障预防能力
     • 稳定性保障指标制定以及告警策略的配置及优化
     • 在框架层接入公司内日志上报工具, 完成日志的自动化上报工作.
     • 和组内其他同学配合, 完成故障前端预案能力的开发, 并建设各个页面的前端故障预案
     • 沉淀问题定位经验, 输出日志查询工具的使用方法, 并在组内推广, 涉及 sql, presto, hive, kibana 等工具.
     • 负责配送前端骑手业务小组内整体的数据安全及隐私合规等保障迭代工作.
6. 美团配送前端高德地图迁移腾讯地图适配层工具库
   • 时间: 2017.8 – 2018.5
   • 项目简述: 公司地图业务去高德化, 需要迁移高德地图 js sdk 到腾讯地图, 通过适配层的方法, 保证业务代码以最小改动成本完成高德地图到腾讯地图的迁移, 同时增加到其它地图的适配能力.
   • 个人职责:
     • 研究对比高德地图, 腾讯地图, 百度地图, Google 地图之间的 API 区别及功能差异, 了解坐标系之间的互相转换关系.
     • 适配层整体的技术架构设计和实现, 通过 seed -> loader -> lib 的加载关系, 允许用户在前端自由选择使用高德地图, 腾讯地图, 百度地图以及 Google 地图, 并具备自动降级切换能力.
     • 统筹推动部门内Web端高德地图到腾讯地图的整体迁移工作
     • 适配层的整体维护和后续功能补充.

7. 味库买菜帮手

   • 时间: 2014.11 – 2017.1
   • 项目简述: web/微信平台 味为美食/买菜帮手/味库海鲜, 帮助用户快速购买生鲜半成品.
   • 网站地址: http://m.wecook.cn/ / http://seafood.wecook.cn

   • 个人职责:

     1. 以Angular.js技术栈为基本框架的前端项目架构及技术选型, 方便并行开发, 快速布署
     2. 搭建完整的前端代码构建系统, 并经历构建系统从 源码发布 -> Grunt -> Gulp -> Webpack -> FIS3 的迭代和升级
     3. 建立一套代码提交审核规范, 并规范git的使用及commit规范, 帮助项目整体风格统一有序
     4. 负责大部分前端代码开发及部分后端代码开发

8. 轻量级淘宝神笔编辑系统, 并输出为结构化数据, 以及可根据结构化数据渲染成图片

   • 时间: 2016.1 – 2016.6
   • 项目简述: 所见及所得的内容编辑系统, 类似简易版本PPT, 支持拖拽缩放元素等常见操作, 帮助运营人员快速生成活动及商品介绍页面, 并支持输出为结构化数据, 方便前端以多种形式展示

   • 个人职责:

     1. 前端项目架构及技术造型
     2. 搭建前端代码构建系统
     3. 抽象并实现常用的前端组件, 方便在编辑器及前端展示中进行复用
     4. 定义前后端数据格式及交互方式

9. 高德地图 mobile 版(SPA)

   • 时间: 2014.1 – 2014.6
   • 项目简述: 通过HTML JS CSS, 做到高德地图 APP 在网页中的高度还原, 作为高德地图在未安装原生 APP 用户手机的功能补充

   • 个人职责:

     1. 从0开始的前端技术选型, 底层架构的搭建, 保证多人并行开发, 以及单页面不同状态URL的可重入性
     2. 前端搜索模块, 地图展示模块, 附近搜索模块, 及功能设置模块的CSS布局, js功能开发
     3. 上线后, 对于第三方需求及mo本身需求的整合或分离

10. AMap JS API 2.0 产品研发

    • 时间: 2013.10 – 2013.12

    • 个人职责:

      1. 负责 API中, 覆盖物 Marker, Infowindow 及右键菜单的开发工作
      2. 学习Google Maps中使用到的MVCObject的运行机制, 并独立出来形成可以复用的库. https://github.com/Treri/MVCObject
      3. AMap JS 2.0 Debug模式开发

11. 基于 HTML5 的前端矢量地图绘制和性能优化工作

    • 时间: 2013.6 – 2013.10
    • 个人职责: 通过对百度地图 soso地图 giscloud 等其它地图产品的研究, 做了基于HTML5 Canvas的前端切片矢量地图绘制, 以及如何提高绘制性能, 并提高切片数据在用户交互时的快速响应的速度等方面的一些探索.

12. 高德 CokeFusion 数据管理网站

    • 时间: 2013.4 – 2013.5
    • 项目简述:通过数据数据表格的形式, 将用户上传到数据库的地理信息数据进行在地图上展示, 并且添加实时编辑预览, 数据查询, 过滤等功能, 完成相关的数据分析和可视化功能, 做到在单页面上对用户数据的丰富操作.

    • 个人职责:

      1. 负责前端架构设计和技术选型
      2. 前端界面的所有布局工作, 编写符合W3C标准的html css代码
      3. 完成所有单页应用的用户交互功能, 及对数据的动态操作, 预览等功能

13. 高德地图 PC地图详情页

    • 时间: 2013.3 – 2013.4
    • 项目简述: 从PC地图搜索列表界面, 点击相应的详情链接, 进入单个POI详情页面, 进行详情展示, 展示包括基本信息, 周边公共设施等和位置相关的信息.

    • 个人职责:

      1. 负责前端界面的所有布局及浏览器兼容性, 利用HTML CSS构建符合W3C标准的标准页面.
      2. 利用jQuery, 完成用户界面的所有交互性功能
      3. 一些简单的页面SEO工作

职业技能

• 一定的前端架构能力, 主导过多个复杂前端项目(Web端, 小程序, React-Native)的完整架构及技术选型, 对 monorepo 代码组织方式熟悉并有实践
• 熟悉原生JS及流行的前端库或框架, 具备 React, Vue, React-Native, 微信小程序开发能力.
• 具备自动化构建经验, 熟悉流行的构建系统(Grunt, Gulp, Webpack), 主导过多个项目的构建系统的搭建
• 熟悉TypeScript, 并对个人的大部分library添加typescript定义文件, 部分了解 ts 类型体操相关内容并有相关实践
• 熟悉各Web地图SDK的相关概念及使用.
• 有微信公众号网站及Hybrid App(jsbridge)开发经验
• 对Node.js有相关开发经验, 开发过骑手年终盘点后端服务. 早期使用 Express, koa, mongoDB 等其它工具构建过博客程序, 日常使用并写过一些node modules
• 熟悉CSS2, CSS3及css preprocesser(SASS, LESS), postcss等css处理器
• 使用过前端测试框架 Karma Mocha 及 Expect.js Should.js等
• 熟练使用Git进行版本控制, 并熟悉Github workflow 及 gitflow
• 负责多个项目的稳定性保障建设, 对稳定性保障有较深入的了解

其它技能

• 熟悉 Linux, Mac 操作系统, 多年 Linux 使用经验, 09年开始使用*nix系统(Debian, Ubuntu, Fedora, CentOS, Gentoo), 对Linux目录结构、权限、配置等比较熟悉, 能在*nix环境下快速进行开发
• 熟悉 markdown, 可熟练使用 markdown进行文档编写工作
• 熟悉 docker, docker-compose 等工具的使用, 对容器化有一定的了解
• 熟悉 nginx/traefik 等前端反代工具.
• 早期有PHP相关开发经验, 使用PHP进行过3个wordpress主题的开发工作. 了解过ThinkPHP框架
• 对python shell mysql rust等进行过入门学习