← 返回首页

个人简历

陈灼

高级前端开发工程师 (Senior Frontend Engineer)

chenzhuo995@gmail.com|4.5年经验

131-XXXX-XXXX|广州

github.com/chenzhuo995

个人总结

拥有4.5年前端开发经验,核心精通 Vue 2/Vue 3React 生态,具备深厚的组件化架构设计与性能优化能力。 在企业级备份软件与OA系统中,主导过从复杂业务逻辑到通用组件库的沉淀,成功将页面交互TTI降低30%。 熟练使用 uni-app 进行跨端开发,具备微信小程序全流程部署经验。 具备全栈能力,掌握 Python/Flask 后端开发及 PostgreSQL 数据库设计,善于利用工程化手段(CI/CD、自动化脚本)解决团队痛点。

技术栈

前端核心 (Expert)
Vue 2 / Vue 3 (Composition API): 深入理解响应式原理,熟练掌握 Vuex/Pinia 状态管理。
React: 熟练使用 Hooks (useEffect, useMemo) 及 Next.js 框架进行 SSR 开发。
TypeScript: 熟练使用泛型与类型推断,保障大型项目代码健壮性。
HTML5 / CSS3 / JavaScript (ES6+)
后端 & 全栈
Python / Flask: 基于 Blueprint 模块化架构开发企业级后台,熟练运用装饰器模式实现审计日志自动记录。
Node.js: 熟悉 Express/Koa 后端开发,具备 RESTful API 设计能力。
数据库: PostgreSQL JSONB/数组类型、psycopg2 连接池、SQL 查询优化 (JOIN, Indexing)。
工程化 & 工具
Vite / Webpack 构建优化, CI/CD 自动化部署, Jest 单元测试, Git 工作流, 浏览器插件开发。

工作经历

广州某软件公司

2021.07 – 至今
前端开发工程师 | 核心业务组

项目:主力企业级备份软件 (Vue 3, TypeScript, 自研组件库)

负责存储策略配置、资源监控 Dashboard、许可证管理系统的全生命周期开发,以及核心组件库与中后台基础框架的架构升级与维护。

Vue 3ViteBootstrap 5 (Sass)Vitest
  • 备份恢复界面设计:负责核心备份/恢复功能的前端架构设计与开发,基于 Vue 3 Composition API 实现复杂表单状态管理,支持文件、数据库、虚拟机等多种资源类型的配置向导。
  • 许可证与存储池模块:设计并开发许可证管理模块,优化前端状态机逻辑与 API 交互,将签发耗时从 3-5分钟降低至10秒级;开发存储池管理模块,实现存储资源的可视化配置与容量监控,支持多种存储后端(本地磁盘、NFS、S3)的统一接入。
  • 性能优化:深入剖析海量数据渲染瓶颈,引入虚拟滚动与 Web Worker 并行计算机制,将万级日志列表的渲染帧率稳定在 60FPS,彻底解决主线程阻塞导致的交互卡顿。
  • 通用组件库建设:主导自研 UI 组件库架构设计,采用源码级集成 Bootstrap 5 策略,建立语义化的 Design Token 系统。封装 SmartUnitInput、WizardWrap 等 20+ 高阶业务组件,支撑多条业务线高效开发,减少约 1-2小时/人天 的重复开发工时。
  • 工程化与 CI/CD 建设:升级 ESLint 9 (Flat Config) 体系,落地 Vitest 单元测试(覆盖率 80%+);搭建 GitLab CI/CD 流水线,实现代码质量检查、自动化构建与多环境部署,制定严格的 Code Review 标准。

项目:企业内部综合管理系统 (Vue 3, Python/Flask)

Vue 3PythonFlaskPostgreSQL
  • 全栈开发:基于 Flask Blueprint 架构开发 20+ 业务模块,采用装饰器模式实现审计日志自动记录;前端使用 Vue 3 构建响应式界面,实现许可证全生命周期管理。
  • 复杂业务建模:主导"按套餐售卖"功能的各端打通(内管、商务、供应链),设计高灵活度的权限配置方案,支持 50+ 种许可套餐 的动态组合。
  • 数据库设计:使用 PostgreSQL JSONB/数组类型优化灵活配置存储,设计 UUID 松耦合关联策略;基于 APScheduler 实现定时数据归档,保障大数据量下的查询性能。
  • 流程数字化:将原本依赖人工Excel记录的供应链流程系统化,减少跨部门沟通工单 30%,通过自动化校验逻辑减少人工录入错误。

项目:数据可视化监控大屏 (Vue 3, DataV)

Vue 3grid-layout-plusDataV
  • 可视化布局编辑器:基于 grid-layout-plus 实现拖拽式布局系统,支持行列动态配置、模块自由拖拽与碰撞检测,设计 LayoutTracker 类追踪布局变化并计算最大空白区域实现智能模块插入。
  • 服务降级重试机制:实现心跳检测与优雅降级策略,当后端服务掉线时自动按指数退避(1s → 2s → 5s → 30s → 60s)重连,避免无效请求风暴,保障大屏 7x24 小时稳定运行。
  • 多主题动态切换:支持运行时主题切换(含毛玻璃效果),通过 CSS 变量注入与动态 link 标签实现无刷新换肤,配合用户配置持久化到后端。

项目:研发效能提升工具 (JavaScript, Chrome Extension)

  • 自动化脚本开发:开发 Chrome 扩展程序,集成 GitLab API 实现代码 Review 一键辅助与分支状态监控,团队内部每周节省 2-3 小时 人工检查时间。
  • 流程优化:实现内部系统自动登录与验证码识别功能,提升日常操作效率 40%。

个人项目与技能拓展

全栈博客平台 (Next.js 15, React 19, PostgreSQL, Prisma)

  • 独立开发基于 Next.js 15 (App Router) 的全栈应用,集成 PostgreSQL 数据库与 Prisma ORM。
  • 实现 AI 文章摘要功能(OpenAI API + RAG 向量检索),探索最新的 React Server Components (RSC) 架构与性能最佳实践。

教育经历

吉首大学|软件工程 (本科)
2017.09 – 2021.06