把每一行代码，变成Build with clarity · 2026
流畅、精确、可感知
的用户体验。
Frontend Engineer · Nanjing
HELLO, I'M 高源
5 Yrs Exp · Runtime Design · AI-Accelerated
向下探索写好代码，
也写好体验。
从像素到性能，从组件到架构，每一层都值得认真对待。
我是高源，一名前端工程师，现居江苏南京。5 年工程实践，从交互细节到性能调优，专注于构建高质量、可维护的企业 Web 产品。
我将 AI 工具嵌入需求理解、方案设计、实现与验证流程；通过清晰的模板、约束和验收标准，让新人也能稳定交付业务模块。
我相信好的前端工程师不只是还原设计稿，而是用技术判断力让每一个交互决策都更合理。
01先理解问题
02再设计系统
03用结果验证
能力不是列表，
是解决问题的组合。
从核心框架到工程构建，从 AI 融合到产品交付，建立完整的前端能力栈。
CORE / 01
前端核心能力
从组件设计到状态管理，构建可复用、高可维护性的现代前端工程体系。
- Vue
- Pinia
- TypeScript
- CSS Architecture
- Component Design
DATA / 02
工程与构建
现代前端构建体系、工程化实践与跨端解决方案的全链路交付能力。
- Vite / Webpack
- Node.js
- Git
- 组件库构建
- UMD打包
BUILD / 03
AI 协作开发
将 AI 工具纳入需求分析、代码实现、测试与文档沉淀；通过可执行约束和产物校验，把个人效率转化为团队可复用的交付能力。
- AI-assisted Delivery
- Prompt Standards
- Code Review
- Test Validation
- Developer Experience
PERF / 04
性能与产品思维
从用户目标出发优化渲染性能与交互体验，用产品视角控制前端复杂度。
- Web Performance
- Accessibility
- Product Sense
- System Design
ARCH / 05
架构 · 跨端
面向动态路由、远程模块与历史系统接入设计页面运行时，在复杂工程场景下保障实例生命周期、资源治理与样式边界。
- PageHost
- Remote Vue
- UMD / iframe
- 动态路由
- 样式隔离
让代码在真实世界里
产生结果。
选取五个代表性项目，覆盖企业应用运行时、移动端、数据大屏、设计器引擎与组件工程。
企业应用
页面运行时
主导 Vue 3 企业工作台运行时建设：统一承载本地 Vue、远程 SFC、UMD 与 iframe 历史页面；针对动态组件无法可靠接入 KeepAlive 的问题，从 Teleport 保活演进到根级 PageHost，以稳定页面身份管理标签切换、关闭、刷新、登出与 401 重登录的实例生命周期。
稳定Runtime
内网移动端
业务平台
基于 UniApp + Vue 开发内网移动端业务系统，覆盖审批、工单、数据看板等核心场景；统一封装 H5 与小程序双端差异，支持模块热插拔，实现一套代码多端适配交付。
2xPlatforms
数据可视化
驾驶舱
基于 Vue3 + ECharts 构建的企业级数据大屏，覆盖多维指标实时监控与图表联动；适配 1920×1080 大屏分辨率，支持 WebSocket 实时推送与数据钻取。
实时Data push
业务模块
快速交付模板
建立单项目单 UMD 交付规范，外置 Vue、ECharts 与 Bridge；以 Manifest、Registry、样式作用域、产物校验和 AI 开发规范打通接入链路。模板已在多个业务模块稳定复用，让边界清晰的新模块开发从天级缩短至分钟级。
分钟级Delivery
可视化
设计器引擎
基于拖拽交互实现表单设计器与报表设计器，采用 JSON Schema 驱动动态渲染；支持组件属性面板配置、布局嵌套与数据绑定，设计产物可直接导出并运行。
零代码Form output
把实践写下来，
让经验可以复用。
记录系统设计中的判断、实验与反思，而不只记录最终答案。
一起做点
有意义的事。
前端开发合作、AI 工具咨询、技术交流与项目共建，都欢迎来聊。好的合作通常从一个清楚的问题开始。