6 年前端 · 工程化 · 架构 · 性能

康原通

前端开发工程师

6 年前端开发经验，专注于工程化、架构设计和性能优化。擅长 Vue3、React、TypeScript 等技术栈，具备 DevOps 平台、微前端与 BFF 中间层实战经验，致力于用高质量方案解决复杂业务问题。

Vue3 / React / TypeScript 微前端 · Monorepo DevOps 平台建设 性能优化

Skill Stack

专业技能

覆盖前端工程、架构、全栈与协作效率的完整技术栈。

前端技术栈

Vue3 (Composition API) React Svelte TypeScript JavaScript Node.js

工程化与架构

Webpack Vite Rollup 微前端 (qiankun) Monorepo (pnpm + Nx) BFF 架构

平台与交付

Jenkins GitLab CI 自动化部署 RBAC 权限 ESLint Prettier

后端与运维

NestJS Express GraphQL MySQL MongoDB Redis Docker Kubernetes（了解）

UI / 状态管理

Ant Design Vue Element Plus Vuetify Pinia Vuex Redux

协作与软技能

跨团队协作 技术方案设计 代码评审 敏捷开发 技术文档编写

Timeline

工作经历

聚焦工程化平台、实时系统与中台架构建设。

厦门真有趣信息科技有限公司

前端开发工程师

2022.06 – 至今

  • 主导 DevOps 构建平台前端架构设计，基于 Vue3 + TypeScript 开发流水线配置、构建编排与实时日志监控。
  • 沉淀 80+ 通用业务组件与强类型 API 层，减少 30% 重复开发工作量。
  • 推动 CI/CD 流程优化、RBAC 权限系统与证书管理模块落地，提升平台稳定性与安全性。
  • 引入 visibility-aware 轮询策略结合 useAsyncState，降低 40% 无效请求压力。

微微科技

前端开发工程师

2021.11 – 2022.05

  • 参与企业级 IM 工具核心工作台开发，设计多窗体同步机制（头像缓存 + WebSocket 实时广播）。
  • 实现拓展应用统一鉴权逻辑，支持 OAuth2.0 认证流程。
  • 搭建自动化构建流水线，支持多分支并行构建与版本发布。

滴滴出行科技有限公司

前端开发工程师

2021.04 – 2021.11

  • 参与 d-chat 模块开发，封装通用 IM SDK，适配多业务线使用场景。
  • 完善音视频通话体验监控系统，通过弱网优化策略提升通话成功率 15%。
  • 建立关键指标监控体系，实现问题快速定位与修复。

厦门稿定科技

前端开发工程师

2019.03 – 2021.04

  • 负责 GraphQL BFF 层开发，统一后端接口，减少 40% 冗余请求代码。
  • 主导 monorepo + qiankun 微前端架构迁移，提升 5+ 子项目开发与部署效率。
  • 基于 NestJS 构建动态菜单与权限节点分配系统，支持细粒度权限控制。
  • 封装中台组件库，提升表单、弹窗、权限按钮等功能复用率。

Ubiquiti Networks

前端工程师（实习）

2018.07 – 2018.10

  • 优化 Webpack 构建配置，提升构建速度 50%。
  • 集成 git pre-commit 钩子，统一团队代码风格与格式检查流程。

Selected Projects

项目经验

擅长平台型产品、流程编排与实时监控类系统。

2023.06 – 至今

Vue3 · TypeScript · Ant Design Vue · Jenkins API

Unity 游戏构建平台

  • 设计模块化前端架构，将编排、监控、配置等核心功能拆分为可复用组件。
  • 集成 C# 静态代码检测，生成可视化质量报告并支持自定义规则。
  • 实现 Unity 证书管理系统与多平台并行构建，构建效率提升 10 倍。
  • 开发 Jenkins 任务实时监控面板，支持构建日志流式输出与错误定位。

2022 – 2023

Vue3 · TypeScript · Jenkins

DevOps 构建平台

  • 开发构建流水线可视化配置界面，支持拖拽式任务编排。
  • 设计 RBAC 权限模型，实现角色动态授权与资源访问控制。
  • 推动平台日均支持 1000+ 次构建任务，构建成功率 99.5%+。
  • 实现实时日志展示与搜索功能，支持构建问题快速排查。

2019 – 2021

Vue2 · GraphQL · Webpack

稿定编辑器系统

  • 优化图层拖拽渲染逻辑，支持 100+ 图层同时操作无卡顿。
  • 开发可视化问卷编辑器，支持题型配置、逻辑跳转与数据导出。
  • 编写 GraphQL Apollo Codegen 插件，减少 40% 手动编码成本。
  • 集成 ECharts 实现数据可视化分析，支持模板复用与自定义配置。

2019 – 2021

Vue2 · GraphQL · qiankun

稿定内容中台

  • 搭建 GraphQL 中间层，统一 10+ 后端服务接口，简化数据获取。
  • 推行 qiankun 微前端架构，实现 3+ 子应用独立开发、测试、部署。
  • 建立中台 UI 组件规范，封装 20+ 通用组件与权限按钮。
  • 实现统一登录鉴权与菜单权限控制，支持多租户数据隔离。

2019

Vue2 · Element UI

设计工坊平台

  • 开发动态表格组件，支持列配置、筛选、排序与分页。
  • 实现素材上传、预览、审核、版本管理全流程。
  • 设计基于角色的访问控制，支持素材操作权限细粒度管理。

Education

教育背景

厦门工学院｜电子信息工程 本科

2015 – 2019

主修课程：电路分析、模拟电子技术、数字电子技术、信号与系统、通信原理、数字信号处理、单片机原理与接口、嵌入式系统。

毕业设计：基于 STM32 的嵌入式数据采集与通信系统。