Front End Engineer

深圳市一号互联科技有限公司(前身深圳市销氪,属上海微盟集团旗下)
-
工作内容:

1主导业务中台、内嵌h5和离线包平台等项目的从 0 到 1 建设,设计了高效的代码结构和模块划分,提高了开发效率和可维护性,并成功实现了平台的快速上线和稳定运行。

2搭建高效的项目脚手架并集成框架全家桶,显著提升团队的开发效率和代码质量。

3参与智能客服saas系统的业务开发,同时保障系统稳定性。

职责描述:

1部分业务线的负责人,把控迭代质量

2项目的主要贡献者,负责各业务的核心模块开发

项目描述:

通助后台

项目描述:一个集成客户crm、代理商管理客户的后台系统

技术栈:React、Vue3、Vue2、Typescript

  • a、提出老项目jq技术升级方案并顺利执行,从jq到html使用vue2的cdn、html使用vue3的cdn,最后到react+ts和vue3+ts的独立项目开发和运行(唯一执行者),开发时修改host以引入父域名的cookie来请求api,部署时发送静态文件至老项目作为cdn链接
  • b、重构部分项目逻辑调用链,加载速度提升20%
  • c、重构数据导入逻辑调用链,从后端逻辑处理转为前端提取、校验数据处理,减少服务器使用资源,并使用缓存预处理数据,减少重复的api请求,操作速度提升50%
  • d、基于业务场景沉淀组件库,并运用在内部项目中,不断优化升级为业务赋能

通助跨端内嵌h5

项目描述:跨端h5内嵌于自研app和pc平台中,整合多个核心模块

技术栈:React、Mobx、Typescript

  • a、依赖销氪跨端sdk,兼容app、pc跨端通信封装通用api,规范统一数据传输和返回类型
  • b、优化离线包从按需模块到根据模块分包工作流,使用脚本实现自动按模块分包构建离线包并自动压缩,减少人工流程提升效率
  • c、基于虚拟列表实现大数据列表快速浏览和客户选择,减少因客户选择而引起大规模的重渲染卡顿问题,提升页面流畅性,内存占用减少约40%,优化用户体验
  • d、实现记录最后操作位置,并打开页面自动加载对应页和滚动到最新操作位置,并通过用户id实现上下滚动数据加载,极大提升了用户的使用便捷性
  • e、引入sentry sdk搭建性能与监控上报体系,收集错误信息并上报
  • f、沉淀团队开发文档,提高开发效率和提供有效维护

跨端离线包平台

项目描述:实现公司内部h5离线包统一上传阿里云和管理,并提供api给app应用获取最新离线包实现动态更新

技术栈:前端React + zustand,后端nest.js + typeorm

  • a、建立项目ci/cd流水线,成功实施Docker和Nginx的部署方案,保障应用稳定部署
  • b、离线包上传阿里云oss,后端安全解密密钥确保密钥安全性
  • c、jwt令牌身份验证,保障平台使用安全
  • d、实现了H5离线包的版本控制与更新机制,确保app能动态更新,减少上架流程和时间

业务中台

项目描述:一个服务于本公司、销氪以及微盟业务的中台,整合集团多个营销业务配置

技术栈:Vue3、Typescript

  • a、开发通用表单组件,实现一体化配置即可自动生成业务表单,同时确保不同设备和屏幕尺寸下的最佳搜索表单视觉体验
  • b、通过组件化的方式,缩短了新功能开发的周期,提升了开发效率约30%

鸿蒙版通信助手app

项目描述:负责从0到1的基础架构建设

技术栈:鸿蒙

  • a、构建基础通用js bridge实现app与h5通信
  • b、实现离线包本地存储,支持版本发布后按版本号网络下载离线包分包,实现自动化h5离线包更新,简化上架流程,对比依赖网址加载的方式提升50%的页面打开速度
  • c、项目顺利上架华为应用商店,为后续功能的扩展奠定了基础

tz-cli脚手架

项目描述:项目组专用脚手架,实现h5离线包按模块打包、业务模板生成等

技术栈:node

  • a、通过脚手架为项目开发提供赋能,通过模版生成功能,使新页面创建时间减少60%
  • b、工具上线后,获得了团队成员的积极反馈,使用率提升显著

智能客服saas系统

项目描述:综合智能客服SaaS系统,涵盖机器人、客服、知识库、客服h5的4大智能客服模块

技术栈:Vue2

  • a、沉淀开发文档知识库,提高开发效率,减少人员维护工作
  • b、优化部分复杂重复无效循环逻辑,确保了客服系统的高可用性