我是一名热衷于技术攻坚的前端开发者。从服务千万级用户的金融 App，到复杂的数字孪生大屏，再到聚合多模型能力的 AI 助手，我始终致力于用代码解决复杂问题。擅长架构设计、性能优化以及从 0 到 1 打造极致的用户体验。
结合传统强项与 AI 新项目技术点
熟练接入 OpenAI (GPT), Claude, Gemini 等多模型 API，设计统一的数据抹平层。
精通 Server-Sent Events (SSE) 及 Fetch Stream API，实现“打字机”效果的毫秒级响应。
深度定制 Markdown 渲染引擎（支持数学公式 LaTeX、代码高亮、Mermaid 图表）。
实现基于 Token 估算的本地会话存储与上下文窗口优化策略。
Vue 3 (Composition API), TypeScript, Pinia, Vue Router
Vite, Webpack, Module Federation (微前端), CI/CD 流水线搭建
Cesium.js (三维地球), MapBox, ECharts (复杂图表定制)
Node.js, Nginx, Docker, SpringBoot (熟悉)
Featured Projects
一个集成了 GPT-4, Claude 3, Gemini 等全球主流大语言模型的聚合对话平台。旨在通过统一的界面，为用户提供高效的 AI 辅助写作、翻译及代码生成体验。
设计了 Adapter 模式的中间层，抹平了不同 LLM 厂商 API 的数据结构差异，实现了“一次接入，全模型通用”。
基于 SSE 技术栈，实现了全链路流式数据传输，配合前端增量渲染算法，将首字延迟降低至 200ms 以内。
自研 Markdown 解析器配置，完美支持代码块实时高亮、LaTeX 数学公式渲染及 Mermaid 流程图绘制。
利用 IndexedDB + Pinia 持久化存储海量聊天记录，并实现了基于虚拟滚动的长对话性能优化。
服务于国家级抽水蓄能电站的智慧化建造平台。利用 WebGL 技术实现施工现场的“数字孪生”，包含大坝碾压监控、车辆轨迹回放及基建数字化管控。
引入 Module Federation 将巨石应用拆分为多个微应用，解决了多团队协作冲突，将构建速度提升 50%。
基于 MapBox 和 WebSocket，实现了施工车辆的高频实时定位与轨迹绘制。通过图层分级渲染与数据抽稀算法，解决了上万点位同时渲染的卡顿问题。
从零搭建研发流水线，集成了 ESLint 自动化检查与钉钉异常报警机器人，实现了前端错误的分钟级响应。
负责该银行 App 内“运营推广”板块的前端开发工作。主要包含高频迭代的营销活动 H5 页面、积分任务中心以及配套的后台配置管理系统。支撑了多次百万级流量的营销活动平稳落地。
针对银行用户设备机型跨度大的特点（从老旧安卓机到最新 iPhone），建立了一套基于 PostCSS + Vant UI 的自适应布局方案，并封装了环境判断与剪切板调用等基础能力库，确保了 99% 的机型兼容性。
在抢券、抽奖等高并发场景下，设计了前端请求合并与防抖策略，有效减少了无效请求对后端的压力；同时引入并发控制队列，防止弱网环境下页面卡死。
维护并升级了前端埋点 SDK，实现了对页面白屏、JS 报错及接口异常的实时捕获与上报，帮助团队快速定位线上问题，保障了活动期间的系统稳定性。
参与搭建了活动配置中台（Vue 3 + Naive UI），将常规活动页面实现了组件化与配置化，支持运营人员通过后台动态配置奖品与规则，减少了约 40% 的重复开发工作。
统一管理营销活动、奖品配置及风控预警的后台系统，实现了复杂的表单逻辑与权限控制。
基于 Pinia 实现了复杂表单的自动快照与离线存储功能，彻底解决了运营人员误操作导致的数据丢失痛点。
设计了基于 RBAC 模型的动态路由与指令级权限控制（Button-level Permission），确保了系统数据的安全性。
主导公司前端微服务改造，负责 GIS 业务核心研发与团队技术基建。
服务于国有大行项目组，负责千万级用户 App 的架构优化与运营活动开发。
负责教育一体化 SaaS 平台建设及微信小程序生态开发。