姚凯
意向职位：全栈开发工程师 | 天津 | 30岁 ｜ 8年经验
学历：本科 | 天津理工大学中环信息学院
专业技能
- 核心框架：精通 Vue 2/3 (全家桶) 与 React + TypeScript 生态，深入理解响应式原理、虚拟 DOM 及 Fiber 架构，具备大型复杂单页应用 (SPA) 架构设计与重构经验
- AI 驱动开发：深度使用 Cursor、ClaudeCode、GitHub Copilot 等 AI 编程工具，擅长通过 Prompt Engineering 辅助代码重构及复杂逻辑调试；具备大语言模型 API 调用及 AI 插件开发经验，系统学习机器学习、Prompt Engineering 等课程，完成多个 AI 应用原型
- 全栈开发：熟练使用 Node.js 进行全栈开发，掌握 Next.js 企业级框架（中间件 / SSR），熟练对接 PostgreSQL、Redis 等后端服务；具备良好的技术文档编写能力，精通 RESTful API 规范设计
- 前端工程化：深度掌握 Vite、Webpack 构建调优（插件开发、代码分割、构建提速）；精通 TypeScript 强类型开发、CI/CD 自动化流水线及前端安全（XSS/CSRF）防护
- 跨端开发：熟练掌握 微信小程序原生开发、uni-app 跨端方案；深刻理解 Hybrid 模式下的 JSBridge 通信机制及移动端 H5 兼容性适配
- 性能优化：具备全链路性能优化经验，包括首屏加载速度 (LCP)、交互流畅度 (FID) 及视觉稳定性 (CLS) 的量化提升，擅长通过 Chrome DevTools 及 Lighthouse 进行性能诊断
工作经历
-
贝壳找房科技有限公司
全栈开发工程师
~- 多端工程建设：主导被窝整装小程序（KeDitto）工程化建设，通过 子包拆分与自定义 chunk 注入 降低主包体积；封装跨端请求层并打通 CI 发布流程，提升交付效率。
- 营销大屏研发：主导房地产智能营销大屏开发，基于 BMapGL 实现多图层地图渲染与 AI 数字人联动，通过节流刷新与增量更新保障高频交互流畅性，落地全屏缩放适配方案。
- 培训系统研发：主导花桥学堂移动端 SPA 开发，覆盖课程/训练营/签到/运营活动等多角色场景，基于 Node BFF 统一鉴权与网关代理，支撑多环境 CDN 版本化发布。
- 效能革新：率先在团队内引入 ClaudeCode + AI 协同开发流，制定了 AI 辅助代码评审规范
- 技术分享：定期在团队内分享前端前沿技术与 AI 辅助开发实践经验（如 ClaudeCode、Kiro 等工具应用），推动团队技术能力持续提升。
-
德惠众合信息技术有限公司
全栈开发工程师
~- 模块化架构设计：构建配置化功能模块库，实现45%功能需求的零代码配置，迭代效率提升30%
- 构建跨平台通信框架：基于 JSBridge 设计统一通信协议，实现 Native/H5 双向通信
- 开发数据分析平台：基于热力图等5类可视化工具构建用户行为分析系统，辅助迭代产品功能
- 负责系统安全加固：实现CSP策略和JWT认证，修复XSS等高危漏洞，通过等保三级测评
- AI助手创新实践：基于科大讯飞API开发智能业务助手，集成工单自动分类、操作指引生成等AI能力
-
爱斯基信息科技有限公司
前端开发工程师
~- 技术架构升级：设计可视化组件库，封装 ECharts/AntV 等3类数据图表组件
- 产品核心功能：主导账本系统重构，基于用户行为分析优化交互流程，支付转化率提升18%
- 性能优化实践：采用骨架屏和懒加载策略重构5个核心页面，首屏加载提速30%（2.1s→1.5s）
- 用户体验提升：主导A/B测试和用户调研，设计并实现3项交互优化方案，次月留存率提升9.6%
- 营销活动支持：基于微前端架构开发营销活动平台，支持动态投放，页面点击率提升27%
-
麦思博软件技术有限公司
前端开发工程师
~- 主导产品开发：独立完成公司全部网站页面以及所有微信小程序的开发工作
- 项目管理创新：基于Scrum敏捷框架管理4个会议项目，通过CI/CD自动化部署实现零故障上线
- 技术规范建设：完善组件库文档，建立 Swagger 接口规范，提升团队协作效率30%
- 组件化工程实践：设计会议业务组件库，沉淀12个高复用模块，编写配套组件文档
- SEO优化实践：基于 动态路由 + SSR 技术，结合语义化标签和结构化数据，实现SEO优化
AI项目
-
ARIS房产工作台、房产小程序
访问链接-
项目介绍：
面向房地产经纪人的 AI 效率工具平台，覆盖名片、房源海报、贷款计算、房产百事通、个性化方案定制等核心场景
-
技术描述：
1.0 版本：基于 Coze 平台快速搭建 AI 驱动的个人小程序，验证核心业务场景可行性，完成 MVP 交付。
2.0 版本：受限于 Coze 平台小程序企业认证门槛，迁移至原生微信小程序架构。引入自托管 Dify 作为 AI 后端服务，利用其开源特性实现灵活的 LLM 编排；集成飞书多维表格，将小程序核心配置（房源模板、话术等）外置为低代码可配置数据源，降低运营侧修改成本。
3.0 版本：采用 uni-app（miniprogram-cli + uni-cli）重构，实现「一套代码，多端发布」，同时覆盖微信小程序与 H5 移动端。后端服务由自研 Node.js 接口与 Dify 工作流混合驱动，按场景复杂度分层调用。配置层将飞书多维表格替换为自托管 Teable，规避免费额度限制，保障生产环境稳定性。
-
项目介绍：
-
GEOScope — AI 搜索引擎可见性分析平台（个人全栈项目）
GitHub | 访问链接-
项目概述：
独立开发的 GEO（Generative Engine Optimization） 分析工具，帮助内容创作者 分析网页在 ChatGPT Search、Perplexity、Kimi 等 AI 搜索引擎中的"可引用性"。 设计并实现从网页抓取、多维度评分、AI 语义分析到优化建议的完整闭环。
-
技术栈：
Next.js 14、TypeScript、FastAPI、Python、Playwright、 PostgreSQL、Redis
-
核心实现：
动态网页抓取：基于 Playwright 渲染抓取 SPA 页面，提取正文结构与元数据，解决传统爬虫无法执行 JS 的问题
本地 GEO 评分引擎：独立设计五维评分体系（语义清晰度、实体完整性、引用可信度、问答友好度、技术标记），基于规则引擎与统计模型本地计算，零 AI 成本
AI 模拟分析：封装 DeepSeek API 模拟生成式引擎的内容理解过程，识别知识缺口、误解风险与可引用性，输出优先级排序的优化建议
分层架构设计：本地规则引擎处理 80% 常规评分，AI 深度分析处理 20% 语义洞察，兼顾成本与效果
可视化报告：雷达图展示五维评分、历史趋势追踪、PDF 报告导出
-
AI 使用：
使用 Cursor 辅助完成爬虫异常处理逻辑与评分算法单元测试
使用 Claude Code 辅助设计 GEO 评分维度体系与 Prompt Engineering
-
项目概述：
项目经历
-
被窝整装（小程序）
-
项目介绍：
基于 Ditto（KeDitto）构建的家装业务多端应用，核心承载“装修前内容、装修中流程服务、装修后保障反馈”等 C 端场景；支持微信小程序为主，同时覆盖 H5（含 SSR）发布形态，并支持多品牌/多站点（如圣都/被窝/团装）差异化构建与换肤。
-
技术描述：
多端同构架构：通过 DITTO_ENV（weapp/h5）与平台 plat 在编译期裁剪路由与页面集合，减少无效代码与包体。
子包化与包体治理：业务按领域拆分为多个 subpackages；自定义 webpack splitChunks 为每个子包生成 sCommon/sVendors/sDitto 等公共 chunk，并在构建期注入依赖，控制主包体积与子包复用。
全局能力收口：以 App 壳与页面基类沉淀通用能力（登录/来源链路、埋点与性能监控、风控/人机校验、全局事件中心等），业务页面按需继承复用，保证一致性。
统一请求链路：封装请求层实现 Header 规范化、签名、请求去重锁、弱网/异常降级重试、性能打点与日志上报；兼容小程序与 H5/SSR 的不同网络与代理策略。
工程化发布：小程序使用 miniprogram-ci 实现上传/预览与包体信息上报；H5 SSR 通过hobber构建发布，支持多环境（dev/test/preview/prod）与 CDN 配置。
扫小程序码预览
-
项目介绍：
-
房地产智能营销大屏
访问链接-
项目介绍：
该项目是一款面向房地产与建筑工程行业的一站式数字化营销与监控平台。系统通过 3D 地图可视化技术还原工地实景，集成 AI 数字人导览系统，并实时展示工程品质验收、巡检数据及规模统计。项目旨在通过极具视觉冲击力的“品质大屏”，为房企提供营销推广演示、工地数据实时监控及 AI 智能导览服务。
-
技术描述：
基于 BMapGL 构建地图多图层渲染（气泡/普通工地/标杆工地/卡片/围栏与特效），支持视口检索、飞行动画与多维筛选联动
采用 全局事件总线（自研 EventEmitter）与 单例式 AppManager 进行跨模块数据传递与状态分发，解耦地图、看板、报告与数字人
通过"视口驱动+节流刷新+增量更新/缓存复用"降低高频交互下的重绘与请求压力
覆盖 Electron 与 Web 双端，基于 1920 设计稿实现全屏等比缩放适配。
-
项目介绍：
-
韭圈儿 app（toC）
访问链接-
项目介绍：
基于 Vue.js 开发的大型金融社区应用，整合基金账本管理和投资社区两大核心功能。采用 uni-app 跨端解决方案，实现一套代码覆盖 App、小程序等多端部署。项目集成了恐贪指数、基金筛选等多个数据分析工具，并提供专业的视频教程，为用户提供全方位的投资决策支持。
-
技术描述：
基于 uni-app 构建跨端应用架构，实现一套代码同时覆盖 App和 H5
采用 原生 + WebView 混合开发 架构，通过 JSBridge 实现原生与 H5 无缝通信
基于 西瓜播放器 封装视频组件，集成 HLS 自适应码率技术，提升播放流畅度90%
使用 蚂蚁 F2 和 uCharts 开发可视化图表库，封装15+金融数据组件
组件化开发「账本PRO」会员系统，采用微信支付接口，两月内实现800+付费转化
实现路由懒加载、组件按需加载、图片资源压缩等，使首屏加载速度提升30%
-
项目介绍：
-
敏行PC客户端（toB）
访问链接-
项目介绍：
基于 React + NW.js 开发的企业级即时通讯平台，采用前后端分离架构，实现实时消息、群组管理、文件传输等核心功能。服务超过50家银行客户，日活用户1000+，为企业提供高性能、安全可靠的一站式协同办公解决方案。
-
技术描述：
基于 Faye + WebSocket 构建实时通讯架构，实现消息秒级送达
使用 RxJS 响应式编程处理复杂状态流，降低50%代码复杂度，提升系统可维护性
采用 NW.js 开发跨平台桌面应用，实现Windows/Mac双端一致性99%
设计 NeDB + IndexedDB 混合存储方案，消息查询性能提升200%
基于 TAPD + Git Flow 落地敏捷开发流程，实现需求追踪、迭代规划和持续集成
集成 WebSQL 实现消息快速检索，结合全文索引优化搜索性能，降低查询响应时间
-
项目介绍：
-
花桥学堂
访问链接-
项目介绍：
花桥学堂 C 端 H5 单页应用（SPA），面向学员/讲师/顾问/管理员等角色，提供课程与学习中心、训练营/任务、签到、反馈、活动运营（抽奖/推广）、资料/图片上传等能力；后端使用 Node 服务进行页面渲染入口、统一鉴权与网关代理，对接后端业务服务。
-
技术描述：
基于 React + TypeScript 搭建移动端 H5 SPA，按业务模块拆分路由与页面（课程/学习中心/训练营/任务/签到/讲师端/管理端/数据看板等）。
Redux + redux-thunk + connected-react-router 管理全局状态与路由状态，支持角色面板切换（学员/讲师）与数据刷新。
Node(Koa/Hobber) 侧集成 CAS/SSO 与 OAuth2，Proxy 方式接入网关（自动补齐 Authorization / 登录 Token Header），减少前端直连与跨域复杂度。
静态资源走 CDN + 资源映射（cdnResource.json/dllCdnResource.json），并通过 EJS 模板注入环境与资源版本，支持多环境发布。
-
项目介绍：
-
msup会议助手（小程序）
-
项目介绍：
该小程序作为会议数字化转型的核心入口，通过高度集成的功能设计，完成了会前（预约/票务）、会中（日程/互动/PPT预览）及会后（反馈/发票）的业务全覆盖。
扫小程序码预览
-
项目介绍：
-
A2M 官网（会议网站）
访问链接-
项目介绍：
基于 Vue全家桶和 Node.js 开发的大型会议平台，集成课程展示、日程管理、在线购票等核心功能。采用 前后端分离 架构，支持线下会议和线上直播两种模式，为用户提供一站式会议服务解决方案。
-
技术描述：
使用 Vue 全家桶 实现搭建项目脚手架、动态路由配置和状态管理
基于 Node.js + Express 构建后端服务，使用 Redis 实现分布式会话管理
设计 WebSocket + 保利威直播SDK 架构，支持多清晰度自适应推流
使用 Docker + Jenkins 实现自动化部署，配置 Nginx 负载均衡
采用 组件化 开发策略，抽象15+通用业务组件，实现组件复用率达80%
采用 预渲染 + Meta优化 实现SEO优化，搜索引擎收录率提升50%
-
项目介绍：