联系方式
- 手机: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
,具体搭建过程见 轻量级网站构建实践
- 负责集客产品脚手架搭建,技术栈采用 webpack v4 + React + MobX + antd,解决了 IE 兼容性、命令行显示异常问题,实现了加速构建、react-loadable 优化,最终效果为编译时间
-
成果
- 集客、集客顾客端、集客表单脚手架编译时间较快提升了开发体验,集客产品线在各端加载很快,大大提升用户体验
- 实现了从各个渠道获取信息的目标,使公司整体的获客效率提升了
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 v4 + React + antd + Redux-Saga,实现了按路由、组件懒加载功能,编译时间由
-
成果
- 实现了智能呼叫从 webpack v2 到 webpack v4 的升级,编译时间缩短了
75%
,首屏时间缩短了33%
- 处理各种组件兼容性问题,使用户数量提升了
10%
- 实现了智能呼叫从 webpack v2 到 webpack v4 的升级,编译时间缩短了
侧边栏项目
-
背景
- 目前侧边栏的项目更新过多,导致以侧边栏为子模块的项目编译越来越频繁,需要编译的项目越来越多
-
任务
- 初步探索了微前端在侧边栏项目的落地,底层使用 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
- 云和开放平台:阿里云
致谢
感谢您花时间阅读我的简历,期待能有机会和您共事。