曾坤森 👨💻 求职意向:前端开发工程师
学历:本科 学校专业:软件工程 工作经验:7 年 状态:在职考虑机会
邮箱:kunsenzeng@163.com 电话:17666127342 年龄:29 期望城市:深圳
😎 个人优势
- 前端基础:精通
JavaScript(ES6+)与TypeScript,熟练掌握Sass/SCSS预处理器与Tailwind CSS原子化方案,具备复杂样式体系的设计与重构能力。 - 框架与组件化:深入理解
vue2、vue3响应式原理,熟练运用 Composition API 封装可复用 composables 与业务组件;有Element UI/Plus、TinyVue、Vuetify、Ant Design Vue等多套组件库的二次封装与主题定制经验,熟练使用ECharts完成数据可视化需求。 - 跨端开发:熟练使用
uni-app、React、React Native进行跨平台开发,具备 App(iOS/Android)、小程序、H5 多端交付经验,熟悉各端差异适配与性能调优。 - 工程化:熟悉
Git Flow协作流程;具备组件库/工具库工程化能力,使用Rollup完成打包构建并发布至npm;熟悉 App 打包、签名与上架全流程。 - AI 辅助开发:熟练使用
Cursor、Claude Code完成需求拆解、代码生成、多文件重构与接口联调;具备 Rules 规范沉淀与 MCP 工具接入能力。 - 产品协作:熟练使用
Axure完成交互原型设计,可独立推动需求→原型→开发闭环。
🚀 项目经验
一、CrazyCharge App(电动汽车充电 App)— 香港市场 2025-03 - 2026-06
面向香港的电动汽车充电服务 App,支持繁中/英文双语,基于 Expo SDK 57 + React Native 0.86 + TypeScript 开发,
iOS/Android 双端上线,共 50+ 页面。核心功能:充电站地图搜索、扫码充电、实时充电监控与结算、充电桩分时段预约、
钱包支付与优惠券抵扣、超时罚金、多车辆管理、推送通知。
技术选型:Expo SDK 57、React Native 0.86、TypeScript 6.0、NativeWind v4
个人职责:
1、独立搭建项目架构:expo-router 路由分组、service/component/providers 分层规范,制定 ESLint、Prettier、
Husky + Commitlint 规范。
2、封装 Axios 网络层:Token 自动注入、401 过期处理、超时重试、错误统一映射,敏感凭据使用 expo-secure-store 安全存储。
3、开发认证模块:登录注册(含车辆选择多步表单)、Token 刷新与会话管理。
4、主导充电核心链路:地图搜索、扫码充电、实时充电状态、充电结算与罚金支付。
5、负责支付模块:优惠券抵扣、钱包支付与账单记录。
6、搭建 i18next 国际化体系,中英双语全量覆盖,跟随系统语言切换。
7、集成推送通知,以及打包发布到 Google、iOS 应用市场。
提效优化与技术突破:
1、组件复用体系:沉淀通用组件与自定义 Hooks,新页面开发效率提升约 30%。
2、双端上架与稳定性:基于 EAS Build 完成 iOS/Android 双端打包发布,处理 App Store 隐私清单、Google Play
审核等合规要求;集成错误监控与全局异常捕获,线上崩溃率控制在 3% 以下。
二、SMMS 地铁设备状态报警监控平台 2026-02 - 2026-08
面向地铁站运营的设备状态实时监控与报警管理 Web 平台。
核心功能:
1、实时监控大屏:WebSocket 推送报警事件自动刷新;统计卡片、报警列表(分页/筛选/排序)、站点树联动、全屏报警、数据导出。
2、报警管理:活跃/已清除报警列表,位置、设备名称、类型、状态、时间范围多维度组合查询。
3、设备管理:按站点查看设备状态、设备详情(温度变化)、CRUD、数据导出。
4、系统管理:用户管理与操作日志、两级数据字典、报警阈值配置、邮件设置。
5、认证与权限:JWT + Refresh Token,角色级菜单 + 按钮级权限指令。
6、国际化与主题:中英(香港繁体)双语、暗黑模式。
Feature Slice 架构,AI 辅助开发(Claude Code),134 次提交。
技术选型:Vue 3、TypeScript、Vite、TinyVue
个人职责:
1、独立负责前端整体架构设计:Feature Slice 架构、自动引入方案、Axios 封装与拦截器、路由/权限/国际化/主题核心模块。
2、实现 Token 无感刷新:401 拦截 + 单例刷新 + 失败请求队列挂起重放,避免并发请求风暴。
3、接入 WebSocket 实时推送,报警事件驱动列表自动刷新。
4、对接真实后端 API,完成报警、设备、字典、阈值、用户等全部业务模块开发。
5、搭建 ESLint + Prettier + Husky + Commitlint 工程化体系。
6、将项目规范沉淀为 AI 规则文件,实现 Claude Code / Roo 双工具规则同步,保证 AI 生成代码符合团队规范。
提效优化与技术突破:
1、AI 协作开发:编码规范固化为 AI 规则,CRUD 页面 AI 生成 + 人工审查,在保证代码一致性的前提下大幅提升开发效率。
2、性能优化:路由懒加载 + keep-alive 按需缓存;queryKey 参数快照自动请求、keepPreviousData 避免翻页闪烁、
二次进入取消 loading;大数据量导出独立超时配置。
3、暗黑模式改造:从 Tailwind dark: 迁移至 TinyVue 语义 CSS 变量体系,一套变量双主题自动切换。
4、双语本地化:英文 + 香港繁体全量覆盖,港式术语调整。
5、TinyVue 深度集成:解决 TanStack Query 冻结数据写入、弹窗事件判断、依赖隔离等组件库集成问题。
三、Element-next 组件库 + 技术文档站(基于 Element Plus 二次封装) 2022-08 - 2023-08
面向公司内部业务线的 Vue3 + TypeScript 组件库,基于 Element Plus 进行二次封装,并针对实际业务场景扩展自定义组件。
覆盖多个内部项目、多名前端复用,统一团队 UI 规范与交互一致性,新项目接入后同类页面开发效率提升约 30%。
配套 VitePress 文档站,包含组件 API 说明与可交互 Demo。
技术选型:Vue3、TypeScript、Rollup、Vite、VitePress、Vitest、@vue/test-utils、PostCSS
个人职责:
1、从 0 到 1 搭建组件库工程体系:基于 Vite 脚手架初始化,集成 Husky + ESLint 统一代码规范,配置 PostCSS 处理
样式编译,搭建完整的开发、构建、发布链路。
2、负责多个组件的设计与实现:对 Element Plus 高频组件(表格、表单、弹窗、选择器等)进行二次封装,统一 props 命名、
插槽规范与事件契约;另独立设计多个业务专属组件,输出统一 API 规范供团队复用。
3、使用 Vitest + @vue/test-utils 编写单元测试,覆盖核心组件的渲染、交互与边界场景,组件库核心模块测试覆盖率达 98%。
4、使用 Rollup 分别输出 ESM / CJS / 类型声明产物,发布至公司私有 npm 仓库,按语义化版本管理规范迭代。
5、基于 VitePress 搭建组件库文档站,集成 vitepress-demo-preview 实现源码与预览同屏展示,部署至内网供团队查阅。
提效优化与技术突破:
1、多格式产物 + Tree-shaking:Rollup 配置多入口打包,输出 ESM / CJS / UMD 三套产物并生成独立 .d.ts 类型声明;
ESM 产物支持按组件路径导入,配合 package.json 的 sideEffects: false,业务项目打包体积减少约 20%。
2、按需导入方案:提供全量注册(app.use)与按需导入两种接入方式,按需场景下仅打包实际使用的组件及其样式,
避免整库引入。
四、H5 微信公众号(仓储预约服务平台) 2022-08 - 2023-03
面向货主、司机、货代的移动端预约服务平台,承载入仓/出仓预约、库存查询、数据看板等核心功能,作为仓储系统的
轻量化入口,覆盖日均 PV 约 300+ 次。
技术选型:Vue3、TS、Vant、ECharts、微信 JS-SDK
个人职责:
1、从 0 到 1 搭建移动端工程体系:基于 Vite 初始化,配置多环境构建、请求层统一封装(token 刷新与全局错误处理)、
路由守卫与权限控制。
2、微信生态对接:实现 OAuth2.0 网页授权获取用户身份,完成 JS-SDK 签名配置与自定义分享卡片,封装微信环境判断
与能力检测工具函数。
3、移动端适配与数据看板:采用 vw/vh 为主、rem 兜底的混合适配策略,配合 PostCSS 插件自动转换;基于 ECharts 封装
可复用图表组件,处理大数据量渲染卡顿问题。
提效优化与技术突破:
1、首屏优化:路由懒加载 + ECharts 按需引入 + 静态资源上 CDN,首屏加载时间由 3.8 s 缩短至 1.2 s。
2、微信环境兼容:解决 iOS 输入框聚焦页面不回弹、iOS 拍照上传图片旋转、Android 日期选择器样式异常等双端差异问题。
五、WMS 仓储管理系统 2021-07 - 2022-08
面向仓储业务全链路的 B 端管理系统,覆盖入库、出库、库内作业、增值服务、库存查询、计费结算六大模块,服务客服、
仓务、市场、财务等内部部门及外部司机、货代角色,日均处理工单约 4000+ 单。
技术选型:Vue3、TS、Element Plus、Element-next
个人职责:
1、入库工单模块:列表页基于 keep-alive + include 实现路由级缓存,详情页返回时自动恢复筛选条件与分页状态,
避免重复查询,操作效率提升约 20%。
2、全局消息弹窗体系:基于 Vue3 渲染函数(h)自定义 Element Plus MessageBox 的渲染逻辑,统一全系统 6 类消息
弹窗的样式与交互规范,替代各模块散落的原生调用。
3、工作台公告模块:采用 iframe + sandbox 隔离渲染富文本公告内容,避免第三方样式污染全局样式表,同时规避
XSS 注入风险。
4、表单交互优化:对高频搜索输入与提交按钮统一封装防抖/节流指令,消除重复请求与重复提交问题。
提效优化与技术突破:
1、大文件分片上传:封装通用上传组件,支持文件切片(4 MB/片)、并发上传(5 路)、进度条实时展示、失败重传与
断点续传,支撑 600 MB 级别文件稳定上传。
2、WebSocket 实时推送与心跳保活:实现首页公告实时推送,封装心跳检测(60 秒间隔)与断线自动重连(指数退避,
最大重连 8 次),弱网环境下消息到达率从 40% 提升至 90%。
3、性能监控体系:基于 Performance API 采集 FCP/LCP/CLS 等核心指标并上报,结合 Lighthouse 与 Chrome Memory
面板定位长任务与内存泄漏,针对性优化后 LCP 从 4.2 s 降至 1.8 s。
六、仓储 PDA 移动端系统 2021-07 - 2022-08
为立航仓储打造的全流程 PDA 手持终端管理系统,替代传统纸质单据+人工记录模式,实现仓库作业数字化、无纸化、实时化。
系统覆盖入库、上架、出库、下架、盘点、移位等核心仓储场景,支持扫码枪/摄像头扫码、批量操作、离线作业等工业级特性,
日均处理订单量 5000+,仓库人效提升 40%+。
技术选型:uni-app、HBuilderX
个人职责:
1、基于 uni-app 搭建跨端项目框架,一套代码同时输出 Android PDA 手持机 + iOS。
2、搭建 Pinia 全局状态管理,管理用户信息、仓库上下文、扫码缓存、离线队列等。
3、对接蓝牙热敏打印机,实现板头纸/拣货单的无线打印,支持自定义打印模板(ESC/POS 指令集)。
提效优化与技术突破:
1、设计 Offline-First 离线架构:基于 SQLite 本地事务 + 操作队列,所有写操作先本地落库、网络恢复后按优先级
批量增量同步。
2、开发可视化打印模板引擎,支持拖拽式模板设计(标签尺寸、字体、条码类型、Logo),模板以 JSON 存储下发,
PDA 端动态渲染 ESC/POS 指令,无需发版即可更换打印格式。
💼 工作经历
安扬菲(深圳)股份有限公司 — 前端开发工程师 2023-10 - 至今
1、负责地铁设备监控平台与充电 App 等项目的前端架构设计与核心开发,覆盖 Vue3 + React Native 双技术栈。
2、搭建前端工程化体系,沉淀组件库与开发规范,新页面开发效率提升约 30%。
3、担任前端组长,负责需求拆解、任务分配、Code Review 与技术评审。
深圳立航货运股份有限公司 — 前端开发工程师 2018-10 - 2023-08
1、负责 WMS 仓储管理系统、PDA 移动端、H5 公众号等多个业务系统的前端开发与维护。
2、搭建 Element Plus 组件库并发布至私有 npm,单元测试覆盖率 98%,新项目接入效率提升约 30%。
3、负责性能监控体系建设与工程优化,LCP 从 4.2 s 降至 1.8 s,弱网消息到达率从 40% 提升至 90%。
🎓 教育经历
湘潭大学 — 本科 — 软件技术 2020 - 2023
江西软件职业技术大学 — 大专 — 软件工程 2015 - 2018
🔍 自我评价
- 喜欢探索研究新的技术。
- 篮球、运动、吉他 都是生活。
