Hey,我是 Miles Pan

一名普通的前端开发工程师,正在积极探索由 AI Agent 驱动的全新编程范式。

技术栈

  • React 生态:熟悉React 核心原理(Concurrent 模式、Hooks 范式)及其完整技术栈。在数据流与状态管理上熟悉ZustandRedux ToolkitTanStack Query;熟悉React RouterReact Hook Form 结合Zod 模式,以及Ant Designshadcn/ui等组件库;全栈与企业级架构熟悉UmiNext.js 全栈框架(App Router、Server Actions、SSR/SSG 混合渲染)。
  • Vue 生态:熟悉Vue 2 / 3 核心原理(Composition API、响应式系统)及其完整技术栈,包括Vue RouterPinia / Vuex 状态管理,结合 Element Plus、Ant Design Vue 及 Vant UI,熟悉 B 端后台管理系统与 C 端移动 Web 敏捷落地与架构经验;同时熟悉Nuxt.js 全栈 / SSR 混合渲染应用开发。
  • 鸿蒙原生开发:在HarmonyOS 原生应用开发上有着丰富积累,熟悉 ArkTS / ArkUI、声明式 UI 范式及 C++ NAPI 跨层互调。
  • 跨端与大前端:熟悉跨平台与大型前端应用架构开发。涵盖基于uni-app 的多端与小程序应用构建,基于Electron 的桌面端应用开发(IPC 通信与主/渲染进程架构),以及利用micro-app 构建企业级微前端架构与沙箱隔离落地。
  • 音视频与通信:熟悉WebRTC 核心原理(SDP 媒体协商、ICE / STUN / TURN NAT 穿透、信令交互)与mediasoup SFU 架构,熟悉 P2P 双向通话及多人音视频会议 SDK 的封装与落地。
  • 后端与数据库:熟悉全栈后端服务开发。熟悉基于Node.jsGo (Gin) 的高并发 RESTful API 架构设计与微服务开发;熟悉PostgreSQLMySQL 的关系型数据建模、索引优化与 ORM 映射,以及结合Redis 实现的高性能缓存与分布式协同。
  • DevOps & 自动化运维:熟悉基于Docker 的应用容器化(Dockerfile 优化、多阶段构建与容器编排),以及利用Jenkins 构建 CI/CD 自动化流水线,实现代码质量检测、镜像推送与自动化部署。
  • Web 前沿技术探索:热衷于 Web 前沿架构与开源生态演进。深入探索React Server Components (RSC)Astro Islands 群岛架构与 Edge Computing(如Cloudflare Workers);关注基于 Rust 驱动的新一代构建工具链(如ViteRolldownOxc 等 Rust JavaScript 工具链),以及 TypeScript 原生编译器生态(如 ts-go)。
  • Agentic Coding 与工程化:将 AI Agent 作为一等公民纳入软件交付流程,以Claude CodeAntigravity 等智能体为日常结对伙伴,完成跨文件实现、重构、调试与代码审查。关注Context Engineering(项目级指令、会话记忆、工具结果回灌与上下文窗口预算),而不仅是单次 Prompt;通过MCP 连接文档、仓库、CI 与外部系统,并以 Skill / Plugin 将可复用工作流固化为可组合能力,建立「人规划、Agent 执行、测试与审查兜底」的工程闭环。

关于本站

借助 Vibe Coding 的理念与 AI 智能体的深度辅助,我从零到一搭建了这个个人网站。后续我会在这里:

  • 沉淀技术思考:记录关于 Web 架构、设计美学以及 AI 工程化的实践心得。
  • 展示项目作品:陈列我独立构建或参与维护的开源工具、全栈产品与实验性 Demo。
  • 试验前沿技术:作为验证最新 Web 框架、UI 交互与 Agentic 工作流的最佳试验田。

你可以点击这里查看我的完整项目列表,或者在 文章 中阅读我关于开发和设计的分享。如果你对我的项目感兴趣,非常欢迎提交 Issue 或贡献代码,一起参与开源建设!

社交与联系方式

或者发送邮件至 [email protected]