联系方式

• 手机：13072748105/19928327201
• Email：634407147@qq.com
• QQ：634407147
• 微信：13072748105

个人信息

• 涂波涛/男/1993
• 本科/武汉科技大学/软件工程
• 工作年限：4 年
• 技术博客：https://blog.towavephone.com/
• Github: https://github.com/towavephone
• 期望职位：高级前端工程师、前端架构师
• 目前状况：在职，可短期内到岗

工作经历

广州探迹科技有限公司——前端工程师（2018 年 6 月 ~ 至今）

• 集客、智能呼叫前端主程序员
• 负责项目架构搭建、公用组件封装、架构优化、新人培训、技术分享、基础工具开发、日常迭代开发

集客项目

• 背景

  • 由于公司需要从各种渠道比如网站、表单等等渠道获取信息，集客产品承担了从各个渠道收集、分析信息的任务

• 任务

  • 负责集客产品脚手架搭建，技术栈采用 webpack v4 + React + MobX + antd，解决了 IE 兼容性、命令行显示异常问题，实现了加速构建、react-loadable 优化，最终效果为编译时间 10s 左右，首屏时间 439ms，首屏加载大小 1.1MB，具体搭建过程见 Webpack 脚手架搭建笔记
  • 负责集客顾客端脚手架搭建，兼容桌面端、移动端、微信公众号以及小程序，技术栈采用 webpack v2 + React + antd，搭建过程见 记一次组件打包为链接的实践
  • 之后由于加载速度较慢，负责集客顾客端脚手架优化，技术栈 webpack v4 + react-lite + react-component，精简组件库如去除较大三方库、采用轻量级三方库 react-lite、组件自编写使用 antd 底层框架。使用组件懒加载、大组件预加载技术，将首屏时间减小到 236ms，首屏加载大小减小到 101KB。桌面端、移动端分离打包并优化编译脚本，编译时间 10s 左右，具体搭建过程见 构建多平台轻量化组件的实践。其中也踩了一些移动端的坑，踩坑过程见 移动端适配汇总
  • 负责集客表单脚手架的搭建，技术栈 gulp + generator-webapp，增加了资源文件 hash、接口代理、html 模板等功能，原生 javascript 实现集客表单，最终实现了首屏时间 264ms，首屏加载大小 85.9KB，具体搭建过程见 轻量级网站构建实践

• 成果

  • 集客、集客顾客端、集客表单脚手架编译时间较快提升了开发体验，集客产品线在各端加载很快，大大提升用户体验
  • 实现了从各个渠道获取信息的目标，使公司整体的获客效率提升了 300%

智能呼叫项目

• 背景

  • 公司需要能配置各种话术且能调度三方线路的平台，以及统计拨打的效果

• 任务

  • 负责智能呼叫脚手架的升级，技术栈 webpack v4 + React + antd + Redux-Saga，实现了按路由、组件懒加载功能，编译时间由 40s 左右降低到 10s 左右，首屏时间由 855ms 缩短到 567ms，首屏加载大小由 1.3MB 减小到 880KB，具体过程见 Webpack 升级优化
  • 封装带话术变量的话术富文本框，底层使用 draft.js，解决了 IE 下的 parseFromString 兼容、transfrom 属性问题，具体过程见 富文本框疑难点处理过程
  • 封装声音波形图切分组件，底层使用 wavesurfer.js，使用 ref 封装调用原生组件，具体过程见 基于 wavesurfer.js 声音波形图的研究
  • 使声音播放组件兼容到 IE9，底层使用 embed 标签，单独对 IE 封装能播放声音的组件，具体过程见 ReactPlayer 之 IE 兼容性研究
  • 封装网页打电话三方库，底层采用支持 freeswitch 的 SIP.js，具体过程见 基于 SIP 协议云端电话的实践

• 成果

  • 实现了智能呼叫从 webpack v2 到 webpack v4 的升级，编译时间缩短了 75%，首屏时间缩短了 33%
  • 处理各种组件兼容性问题，使用户数量提升了 10%

侧边栏项目

• 背景

  • 目前侧边栏的项目更新过多，导致以侧边栏为子模块的项目编译越来越频繁，需要编译的项目越来越多

• 任务

  • 初步探索了微前端在侧边栏项目的落地，底层使用 ice-stark 三方库，探索过程见 微前端适配 demo 的实践
  • 负责侧边栏项目的开发，原生 javascript 实现侧边栏，使用 doT 模板引擎实现 html 模板的渲染

• 成果

  • 实现了侧边栏项目的独立编译，侧边栏的配置放后端可大大提升侧边入口的灵活性，极大地优化了开发体验

上海拼多多有限公司——前端工程师（2016 年 7 月 ~ 2017 年 3 月）

• MMS、OMS 前端程序员
• 负责日常迭代开发、技术分享

满减券后台运营项目

• 背景

  • 由于业务迭代速度加快，原来批量发放优惠券的最大数量不足以满足运营日常处理的速度

• 任务

  • 此项目团队一共 3 人，由我推动前端性能优化重构，其中后端研发、大数据组也一起参与
  • 负责重构前端页面，应用锁机制确保不会多次发同一批优惠券
  • 利用 React Bootstarp Table 实现了批量添加删除查询优惠券的功能

• 成果

  • 前端发放优惠券的时间由 3 分钟减少到至多 1 分钟，性能直观感受提升 50%，运营处理优惠券的时间缩短 1 倍
  • 可以发送多种不同价值、不同数量的优惠券相比原来只能发一种相同价值、不同数量的优惠券，效率有很大的提升
  • 整体项目的结果明显，得到了主管与同事们的一致好评

客服售后留言项目

• 背景

  • 由于新的平台用户售后开放，需要实现与之对应用户平台售后留言功能，提升售后体验

• 职责

  • 此项目团队一共 2 人，我和另外一人负责前端客服平台实现，其中后端研发，移动端也一起参与
  • 采用 AngularJS + Ionic 技术实现网页版客服平台，postMessage 传递窗口间消息，WebSocket 服务推送实现会话功能
  • 实现发送、放大图片，每隔一段时间显示会话时间的功能

• 成果

  • 从零实现了网页版客服平台系统，平台用户售后回复率提升了 400%，处理留言的速度提升了 5 倍

开源项目和作品

• 技术博客 : gatsby 做的技术博客，离线加载，PWA、PRPL 架构，GitLab / Jenkins 自动化部署
• 博客 : hexo + yelee 样式做的博客，GitLab / Jenkins 自动化部署
• 安卓内存清理 : 在校期间做的安卓项目，至今（2020-5-13 00:04:39） star 数 82，fork 数 32

技能清单

以下均为我掌握的技能

• Web 开发：JavaScript = jQuery > CSS = HTML
• 前端框架：React > AngularJS
• 前端工具：Webpack > ESLint > Sass = Gulp
• 数据库相关：MySQL > SQLite
• 版本管理、文档和自动化部署工具：GitLab > Jenkins
• 云和开放平台：阿里云

致谢

感谢您花时间阅读我的简历，期待能有机会和您共事。