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、优化部分复杂重复无效循环逻辑,确保了客服系统的高可用性