前端开发工程师

3 年经验 · 以 Vue2 / Vue3 + TypeScript 为主,另有 React 中后台项目经验;做过数据可视化与 AntV X6 流程编排画布

求职意向

期望岗位
前端开发工程师
技术栈
Vue2 / Vue3 + TypeScript、React
到岗时间
一周内到岗

技术栈

语言与框架Vue3 / Vue2 全家桶TypeScriptReact 全家桶JavaScript ES6+HTML5 / CSS3
UI 与图形Element Plus / Element UIAnt DesignEChartsAntV X6(流程建模)D3.jsOpenLayersLeaflet
工程化与部署ViteWebpackpnpm MonorepoUnoCSSESLint / PrettierNode.jsNginxDocker / ComposeGitea Actions CI

工作经历

武汉虹旭信息技术有限责任公司前端开发工程师2024.04 - 2026.06
  • 负责网络综合应用平台(公司统一门户)的前端开发:平台由 JSP 存量系统、Vue2 中台、Vue3 新建模块等多套不同技术栈的子系统组成,各自部署在不同服务器与端口,经统一登录后携带 token 跳转;覆盖黑龙江、上海、北京、成都、林芝 5 个地区的差异化部署。
  • 另独立负责林芝子项目的架构设计与技术选型,并从 0 到 1 搭建建模平台的前端架构:主导设计动态模块加载方案 —— 将模块的 api / assets / config / router 抽离至独立目录,实现模块自治,支撑同一套平台按地区下发菜单权限。
  • 独立完成团队级工程化基础设施:以 pnpm Monorepo 组织 Vue3 + TS 组件库 hx-ui(33 组件、8 分类,含文档站)与模块化框架 hx-vue3-template(Vite + UnoCSS,含 Fastify + sql.js 离线 Mock),并配套团队前端规范站;框架的模块自治结构与 AGENTS.md 规则集就是为适配 AI 协作设计的。
  • 在无外网的隔离环境中搭建 CI/CD 流水线:基于 Gitea Actions 从零编写工作流 —— 弃用官方 Action 改用 Token 直连 git clone、以共享目录 tar 包复用 node_modules 替代缓存服务、私有 npm 走内网 verdaccio 私源、构建产物直接发布至 Nginx 静态目录;并以 Docker Compose 私有化部署 YApi、Gitea、MinIO 等研发服务。
以萨技术股份有限公司前端开发工程师2023.03 - 2024.02
  • 本岗以 React 为主:负责设备资产管理平台(客户现场),基于 React + Ant Design 完成设备状态监控、异常管理、地图点位与统计图表等核心页面。
  • 独立完成地图模块:县级区域需展示几千到几十万级设备点位,原 DOM Marker 方案加载时卡顿数秒至十几秒;改用 Leaflet.Canvas-Markers 以 Canvas 批量绘制后恢复流畅。
  • 并维护 Gulp + Twig + jQuery 存量系统。

最近在做

休息 · 补 AI · 做小东西离职后至今2026.07 - 至今
  • 离职后先休息了一段时间,同时把 AI 这块系统补了一遍:模型能力实测、提示词写法,以及怎么把 Agent 的规则与可复用流程(AGENTS.md / Skills)整理成能真正落地的东西。
  • 做了一些 AI 小工具和小实验当练手,也把 AI 接进了自己的日常开发流程。
  • 顺手把本站和家里的 NAS 运维起来(Docker + Cloudflare Tunnel),在线简历这类小应用也是这段时间写的。

代表项目

在职期间为公司搭建的工程基础设施,属于工作产出(仓库挂在公司前端团队账号下),不是个人开源项目。

hx-ui 业务组件库

公司内部使用的 Vue3 业务组件库,基于 Element Plus 二次封装,覆盖 8 大分类共 33 个组件,配套 VitePress 交互式文档站。

  • 文件预览组件支持图片 / 视频 / 音频 / PDF / Markdown 等 25+ 种格式
  • 配置化动态表单支持 17 种字段类型,自动生成校验规则
  • 地图组件族基于 OpenLayers 实现点位聚合与 9 种内置控件
Vue3TypeScriptElement PlusVitePress

hx-vue3-template 模块化中后台框架

面向公司大型中后台系统的模块化开发框架。模块之间互相独立、禁止交叉引用,单次改动收敛在一个目录内。

  • 模块自治架构:模块自包含入口 / 路由 / 页面,新增模块只需建目录
  • 基于 import.meta.glob 按服务端权限动态注册路由
  • 模块自治结构本身即为适配 AI 协作开发而设计 —— 边界收敛单次改动范围,配套 AGENTS.md 规则集把易猜错的约定写成显式约束
ViteVue3TypeScriptUnoCSS

前端技术规范文档站

公司团队的前端规范站点,覆盖开发指南、代码规范与工具链三部分,通过 CI 自动构建部署。

VitePressGitHub Actions

教育经历

长江大学本科 · 物联网工程2017.09 - 2022.06CET-4

本站部署

站点跑在自己的 NAS 上,用 Docker 容器 + Cloudflare Tunnel 对外提供服务。源码在自建 Gitea(private)里,未公开。

联系方式