把每一行代码，变成Build with clarity · 2026
流畅、精确、可感知
的用户体验。
Frontend Engineer · Changsha
HELLO, I'M 高源
5 Yrs Exp · AI-Native · Keep Shipping
向下探索写好代码，
也写好体验。
从像素到性能，从组件到架构，每一层都值得认真对待。
我是高源，一名前端工程师，现居江苏南京。5 年工程实践，从交互细节到性能调优，专注于构建高质量、可维护的 Web 产品。
我深度融合 AI 工具链，将 Claude、Cursor 等 AI 工具嵌入日常开发流程，在提升工程效率的同时，也持续探索 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 产品工程
面向企业知识库场景构建智能对话模块：实现 OpenAI 兼容接口的流式响应、会话持久化与中断控制，并将思考过程、工具调用状态和 Token 用量转化为可理解的交互反馈。
- LLM Streaming
- 会话管理
- Tool Calling
- Markdown / KaTeX
- Mermaid
PERF / 04
性能与产品思维
从用户目标出发优化渲染性能与交互体验，用产品视角控制前端复杂度。
- Web Performance
- Accessibility
- Product Sense
- System Design
ARCH / 05
架构 · 跨端
微前端架构分治、跨端统一研发与低代码生态建设，在复杂工程场景下保障可扩展性与样式隔离。
- 微前端
- UniApp
- 动态组件
- 低代码生态
- 样式隔离
让代码在真实世界里
产生结果。
选取五个代表性项目，覆盖中台系统、移动端、数据大屏、设计器引擎与组件工程。
企业中台
管理系统
主导 Vue 3 企业工作台架构与核心能力建设：接入动态菜单、权限路由与多标签管理，统一承载本地 Vue、远程 SFC、UMD 组件及 iframe 历史页面；设计 PageHost 页面生命周期机制，实现标签切换保活、关闭/刷新按需销毁及可诊断回退，保障复杂业务页面的状态连续性与可扩展性。
50+Biz modules
内网移动端
业务平台
基于 UniApp + Vue 开发内网移动端业务系统，覆盖审批、工单、数据看板等核心场景；统一封装 H5 与小程序双端差异，支持模块热插拔，实现一套代码多端适配交付。
2xPlatforms
数据可视化
驾驶舱
基于 Vue3 + ECharts 构建的企业级数据大屏，覆盖多维指标实时监控与图表联动；适配 1920×1080 大屏分辨率，支持 WebSocket 实时推送与数据钻取。
实时Data push
跨环境
组件库架构
定制 Vite 构建流，UMD 内联样式打包，零配置接入；设计 Manifest 元数据体系，支持低代码平台动态渲染与文档自动生成；解决样式污染与依赖冲突，输出标准脚手架，组件库初始化从天级缩至分钟级。
50+Components
可视化
设计器引擎
基于拖拽交互实现表单设计器与报表设计器，采用 JSON Schema 驱动动态渲染；支持组件属性面板配置、布局嵌套与数据绑定，设计产物可直接导出并运行。
零代码Form output
把实践写下来，
让经验可以复用。
记录系统设计中的判断、实验与反思，而不只记录最终答案。
一起做点
有意义的事。
前端开发合作、AI 工具咨询、技术交流与项目共建，都欢迎来聊。好的合作通常从一个清楚的问题开始。