liutao

Appearance

刘涛 资深前端开发工程师 （2017年毕业并从事前端工作）

个人信息：刘涛 / 男 / 18557531921 / liutaohangzhou@163.com

毕业院校及专业：滁州学院-物联网工程（统招本科毕业、工学学士学位）

掘金文章列表： https://juejin.cn/user/2559318799157421/posts

经验点

React、Vue、webpack、nodejs、devops、爬虫、两年组长管理经验、二维编辑器（数据大屏，产线可视化及反控）、三维（three.js babylonjs）| 游戏交互、智能客服、WebApp、React Native、小程序、高德地图、业务组件库、在线监控、门户网站、中后台基建、大型项目渐进式重构

技术成果

  1. Vsccode插件开发：支持多语言项目，选中特定文案，根据配置文件路径检索项目目录下指定目录中多语言文件并找到选中文案对用的key制，根据模版预发快速生成代码片段。
  • 根据选中文案模糊搜索找到一个或者多个key，用户选择key之后，快速生成代码片段
  • node读取ESM；
  • vscode插件开发；
  1. devops： 前端应用CI、CD；node应用服务器环境配置、多节点部署负载均衡；
  • 前端CICD、对接钉钉机器人，MR消息推送到钉钉群；
  • 前端应用构建部署上发布大盘；
  • 压测环境搭建；
  • 前端在线监控Sentry私有化部署和前端应用接入；
  1. 负责主导渐进式重构，并形成方法论，独立部署node服务承载百万并发【架构设计、核心开发、负载均衡及兜底方案设计与实施】
  • 咨询业务PC端、H5端项目由PHP全部重构成React项目，但是页面是分多批次上线。新老页面共存，渐进式重构，并支持一键回退
  • 使用SSR技术
  1. deepLink组件SDK封装: APP引流插件封装，在H5页面引导点击下载APP或者打开APP并进入APP内对应的当前页面。
  • 接入U-Link智能超链方案，能够从web直接跳转到App指定页面，如未安装则引导下载，打开后仍然能跳转到指定页面。
  • 接入openinstallSDK，在App未安装的情况下，openinstall帮助您在社交平台一键下载并安装App，实现App的快速安装，在App已安装的情况下，openinstall一键拉起App并传递自定义参数，一键直达页面。
  • 同时兼容U-Link、openinstallS两种方案，增加渠道来源参数、抹平接口参数差异、调用方式差异，适用方只需要接入适用一个SDK。两种方案使用接口配置化，切换只需要修改接口数据，无需手动部署。

项目经验

数字孪生搭建平台（玖欣物联）角色：项目Owner

使用 Xflow 技术构建物料拖拽编辑配置平台实现工厂产线数字孪生可视化、关键指标实时展示、关键操作 实时控制、大屏可视化等业务场景的低代码配置；

  • 从零到一搭建整个编辑器：物料分类、物料封装、拖拽新增、节点配置样式、数据、事件通信。
  • 管道流封装编排、颜色、流动速度配置
  • 数据大屏拖拽配置、数据动态配置
  • 成果：实现了平台化配置工业物联网产线数字孪生可视化及反控。由原来的全部开发人员开发变为实 施及运营人员来配置，降低了开发时间和开发成本

React Native 开发考勤 APP 应用 角色：项目Owner

使用 React Native 以及高德地图实现考勤人员的排班及考勤地点配置，考勤人员上下班自动打卡；

  • 技术攻关：权限管理，实现 App 持续在后台运行
  • 使用阿里 App 消息推送，并提出并解决开源源码问题成为开源贡献者
  • App 动态发版升级，发布新版本后 App 弹窗升级
  • 考勤逻辑判断，到达考勤范围内后自动实现上下班打卡
  • 使用Sentry 采集用户日志，精确定位线上问题
  • 成果：客户满意度很高签订了一期、二期合同

算法组工具平台开发（网易）角色：项目Owner

AI算法组研究用户和客服的自然语言处理（NLP），用户情感分析，智能问答，问题库、知识库编辑和智能匹配；

  • 项目职责：我一个人独立支撑AI算法组的前端业务，大部分是工具类的软件开发和一些开源软件的私有化部署及二次开发
  • 标记工具doccano私有化部署及二次开发（二次开发源码）；Python + vue + docker + nginx
  • 智能辅助工具开发：给客服的智能辅助工具，可以快速匹配用户发送的问题，也可以在和用户对话的过程中搜索知识库，快速粘贴或者一键发送。

【PC、H5、SSR】亿企赢财税学院官网（税友集团）角色：项目Owner

在线教育的视频学习平台，财税类课程的售卖

  • 项目职责：我负责技术选型、项目初始化搭建、业务开发、组件封装、服务器环境搭建与部署，压测环境搭建。静态资源拆分并上传到CDN，我接入服务器负载预警钉钉机器人通知。
  • 使用技术：react + antd + egg.js + ykfe 脚手架；
  • DeepLink引流组件封装与接入（兼容openinstall和友盟的U-LInk）；
  • CSR、SSR模式支持页面级别的配置化，我也探索和实践过实时动态配置化；
  • egg-alinode日志监控结合服务器负载钉钉预警。

【APP、H5】亿企学会APP内嵌H5业务（税友集团）角色：核心开发

亿企赢财税培训学习工具APP，有在线学习、短视屏、有声资讯、行家说、直播、面授等业务。

  • 项目职责：我负责APP内嵌H5页面开发，分享站外H5页面开发，开发垫片磨平APP内、微信内、普通浏览器内调用API的差异。
  • 使用技术：react + antd-mobile + less + JSbridge；
  • 亮点：封装deepLinkSDK并接入，兼容友盟兼容U-Link、openinstallS两种方案和动态切换

【canvas小游戏】H5换装小游戏开发 （51公积金管家）角色：独立开发

  • 使用 vue、webpack、pixi.js、canvas等技术
  • 男女角色创建、上衣、裤子、套装、装饰品（眼睛、帽子、气球等等）、表情、发型、背景场景等素材替换。
  • 编辑换装组合结果保存、并插入头图、底部logo、随机文案生成海报图片分享
  • 游戏预览地址：dress_up

自我评价

  • 乐观积极，能与同事很好的相处；
  • 有一定的管理经验，有责任心；
  • 喜欢使用研究新技术关注社区动态，有很多开源的技术私有化部署到业务中的经验如Sentry、UNPKG、algolia、doccano等；
  • 具备良好的代码编写习惯，喜欢梳理业务和开发文档，代码可维护性强；