女王控的博客

涂波涛的个人简历

联系方式

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

个人信息

工作经历

广东数果科技有限公司——中级前端工程师(2020 年 8 月 ~ 至今)

  • 智能营销前端开发
  • 统计综合管理——客车开行效益全栈开发
  • 统计综合管理——指标管理前端开发

客车开行效益

  • 背景

    • 由于需要开发政府定制项目,需要启动在主项目的基础上开发一个拓展项目
  • 任务

  • 成果

    • 独立负责客车开行效益模块开发,对接数据组提供的数据,熟悉了后端的开发模式

广州探迹科技有限公司——中级前端工程师(2018 年 6 月 ~ 2020 年 7 月)

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

集客项目

  • 背景

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

    • 负责客服聊天组件新窗口打开的功能,支持各种网站包括公司的产品端,为此封装底层通信库,解决 webpack 运行环境等等问题,具体探索过程见 客服新窗口技术探索
    • 负责集客产品脚手架搭建,技术栈采用 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 自动化部署
  • 安卓内存清理 : 在校期间做的安卓项目,至今(2020-5-13 00:04:39) star 数 82,fork 数 32

技能清单

以下均为我掌握的技能

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

致谢

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

阅读上一篇

多维分析架构解析
2021-03-29 10:02:10

阅读下一篇

面试实录
2020-06-04 23:34:08
0%