理解业务的复杂，Build with clarity · 2026
交付系统的清晰。
让下一次开发更简单。
Frontend Engineer · Nanjing
HELLO, I'M 高源
5 年前端经验 · 中后台架构 · 工程提效
向下探索5 年前端开发经验
30 个平台业务模块
3 人所在前端小组
135 项运行时项目单元测试
从业务现场，
到可复用的架构。
覆盖实验室内部作业、对外服务与移动现场，把实际需求沉淀为稳定的工程能力。
我是高源，一名前端工程师，现居江苏南京。自 2021 年起参与面向政府单位与第三方检测机构的 LIMS 系统建设，承担样品环节核心模块，以及门户、客户平台与移动端的前端搭建。
近两年负责核心业务平台前端架构：推动 Vue 3 技术栈升级，统一历史系统与远程模块的接入方式，并以交付模板、配置化组件和自动校验降低重复开发成本。
将生产架构中的通用能力脱敏开源，让设计思路、代码实现与质量保障可以被查看和验证。
01先理解问题
02再设计系统
03用结果验证
在真实业务里，
把系统做完整。
南京凯佩软件有限公司 · 前端开发（中级）
2021.11 — 至今
核心平台前端架构 · 业务模块交付
服务政府单位与第三方检测机构，平台覆盖样品流转、检测流程、报告与质量控制等 30 个业务模块。所在前端小组 3 人，本人负责核心平台前端架构。
- 主导 Vue 2 → Vue 3 + TypeScript + Vite 升级，覆盖 10 个核心模块。
- 通过路由懒加载、代码分割与多级缓存优化首屏加载。
- 主导代码规范、Code Review 与单测标准建设，输出开发手册与代码规范 3 份，承担新人带教和技术分享。
样品采集与流转
完成样品拍照、上传及记录关联；通过样品流转看板展示进度，支持实验室调度与状态跟踪。
客户平台与门户
搭建客户自助查询报告与检测进度的平台，以及对外门户入口，减少客户查询对内部人员的依赖。
移动端基础平台
承担技术选型与基础框架搭建，承载拍照、查询等移动场景，将业务能力延伸到现场。
教育经历 · 南京信息职业技术学院 · 计算机科学与技术 / 专科 · 2017.09 — 2020.06
能力不是列表，
是解决问题的组合。
以 Vue 与 TypeScript 为基础，把运行时设计、质量保障与业务交付连接起来。
CORE / 01
Vue 与中后台架构
Vue 2/3 与 TypeScript 开发，覆盖动态路由、权限控制、多标签工作台与配置化组件。
- Vue 2 / 3
- TypeScript
- Pinia
- 动态路由
- 权限控制
BUILD / 02
构建与模块交付
以单文件 UMD 规范统一多仓库交付，外置共享运行时，约束注册协议与样式边界。
- Vite
- UMD
- Manifest / Registry
- 样式隔离
- 产物校验
QUALITY / 03
测试与工程质量
用单元测试、端到端测试与 CI 质量门，把交付约定落实到构建和验证流程。
- Vitest
- Playwright
- CI
- Code Review
- 类型检查
CONFIG / 04
配置化业务组件
将查询、分页、视图和表单等重复需求沉淀为可配置组件，支持设计产物持久化并运行。
- JSON Schema
- 动态表格
- 拖拽配置
- 数据绑定
ARCH / 05
异构页面运行时
统一承载 iframe、远程 Vue 与 UMD，显式管理页面切换、刷新、销毁和鉴权失效后的实例生命周期。
- PageHost
- Remote Vue
- UMD / iframe
- 生命周期
- 并发控制
让代码在真实世界里
产生结果。
三个已脱敏开源的工程项目与一个内部设计器项目，展示从平台接入到业务复用的完整链路。
异构页面
运行时
开源项目 · 核心开发 / 运行时设计 · 2026.01 — 至今
统一承载 iframe 老系统、远程 Vue 与 UMD，已接入 30 个业务模块。由根级 PageHost 统一接管实例，管理关闭、刷新、登出与 401 重登录，避免并发切换时重复挂载。
负责前端运行时与接入契约；Nest 示例服务端用于运行支撑，本人负责前端鉴权接入与联调。
30业务模块
UMD 单文件
交付规范
开源项目 · 模板作者 · 2025.08 — 至今
将多仓库交付统一为单文件 UMD，外置 Vue 与图表等共享依赖，通过作用域隔离与关闭 Preflight 降低样式干扰。已用于 30 个业务模块，新模块交付周期由周级缩短至天级。
独立设计模板、构建配置、产物校验与中文接入文档，将集成问题前移到构建阶段。
周 → 天模块交付周期
动态表格
TableField
开源项目 · 组件作者 · 2025.11 — 至今
将查询、分页、列配置、视图切换与增删改弹窗收敛为配置化组件，让同类页面从重复开发转为配置接入，并支撑表单与报表设计器。
独立完成组件设计，按职责拆分为 16 个子组件，自建构建期样式内联方案，实现单文件交付。
16职责子组件
可视化表单
与报表设计器
内部项目 · 核心开发 · 2025.08 — 2025.12
将同类表单与报表需求转为拖拽配置，设计产物可持久化并直接在业务页面运行。
负责 JSON Schema 驱动的动态渲染、属性配置、布局嵌套与数据绑定。
公司内部业务实现 · 未开源
配置化业务页面生成
把设计讲清楚，
让经验可以复用。
围绕代表项目整理设计说明：业务问题、实现边界与验证方式。
一起做点
有意义的事。
关注中高级前端岗位，方向为企业级中后台与工程提效。欢迎交流 LIMS 业务、前端架构、组件工程与开源项目。