前端开发
工程师

Nuxt 4 · Vue 3 · TypeScript · Node.js · PostgreSQL · pgvector · Drizzle ORM · OpenAI API · SSE

面向游戏客服场景的 AI 邮件处理平台，覆盖邮件接收、知识检索、智能回复生成、草稿保存与发送的处理闭环。

• 设计 AI 回复核心流程，接入实时飞书、本地 XLSX、Markdown Skill、RAG 四类知识来源，并以明确的数据源约束保证回复有据可查。
• 基于 Function Calling 编排 Agent 工具，通过工具白名单、调用顺序与权限控制约束模型行为；退款、封禁、支付争议等高风险场景转人工复核。
• 搭建知识库处理流程，支持文档上传、文本分块、Embedding、pgvector 检索及飞书表格同步；以内容哈希识别增量变更。
• 使用 SSE 实现生成阶段进度与文本流式输出，完善邮件状态、批量处理、HTML 草稿保存、模拟发送和异常记录。

Astro · Vue 3 · TypeScript · Three.js · Spine · GSAP · UnoCSS · Axios

面向全球玩家的游戏官网与预约活动页，支持中文、繁中、英文、日文、韩文五种语言，包含官网展示、预约登录、OAuth 授权及奖励进度。

• 基于 Astro + Vue Islands 搭建页面架构，拆分公共布局、预约、弹窗和奖励进度等模块，在保证交互能力的同时兼顾静态站点性能。
• 使用 Three.js 与 Spine 实现多层角色动画、动态文字、鼠标 / 陀螺仪视差与响应式舞台适配；结合 GSAP 完成揭幕及页面交互动效。
• 完成手机号 / 邮箱验证码预约、Google / Apple OAuth、Steam / TapTap 外部预约及重复预约状态处理。
• 通过缓存、请求复用、定时轮询、AbortController、可见性检测与资源销毁保障数据更新和动画性能。

Nuxt 4 · Vue 3 · TypeScript · Pinia · UnoCSS · GSAP · Swiper · Canvas · WebGL

负责品牌展示、产品介绍、招聘职位、在线投递与联系我们等核心模块，提供桌面端与移动端的独立体验。

• 基于 Nuxt 4 设计桌面端、移动端页面与路由体系，实现设备识别及端间自动跳转。
• 使用 GSAP、Swiper、Canvas、WebGL 实现视差、滚轮切屏、粒子动画和产品海报转场。
• 负责招聘投递全流程：动态岗位渲染、岗位选择、表单校验、重复投递校验及简历 / 作品集上传。
• 面向大文件实现分片上传、并发限流、合并、进度、失败重试和多文件状态管理；同时完善主题、多语言、SEO、结构化数据与 Docker 构建。

Nuxt 4 · Vue 3 · TypeScript · Pinia · PrimeVue · UnoCSS · GSAP · Vue I18n · Docker

面向全球用户的原创音乐赛事平台，包含赛事展示、作品投稿、候选曲目投票、结果发布、评委点评、视频播放与社交分享，支持五种语言。

• 负责首页、投稿、投票、结果、奖项、下载等核心页面与公共组件开发。
• 基于 Vue I18n 完成中繁英日韩路由、文本和图片资源适配，处理长文案排版及移动端兼容。
• 完成投稿链接解析、作品信息自动回填、表单 / 邮箱校验与状态反馈；实现歌曲选择、视频预览、评委点评和滚动导航。
• 使用 IntersectionObserver、图片懒加载、请求防抖和视频统一管理优化体验，并接入埋点、SEO、社交分享与 CDN 资源管理。

Vue 3 · Nuxt 3 · TypeScript · Varlet · UnoCSS · Vue I18n · 阿里云 OSS · Docker

面向全球玩家的客服平台，支持 FAQ、账号找回、人工换绑、存档恢复、内购问题、退款、Bug 反馈和作弊举报等服务流程。

• 抽象动态表单组件，统一字段配置、校验、重置和复杂业务插槽，支持多类服务工单快速迭代。
• 封装阿里云 OSS 上传流程，支持图片压缩、视频封面、分片上传、进度展示、失败重试和取消上传。
• 实现邮箱验证码、滑动验证、RSA 敏感信息加密、多平台内购恢复与用户行为埋点。
• 建立全局异常捕获和接口错误上报，并参与 Docker + Nginx 部署。

Vue 3 · Vite · Vue Router · Vuex · Naive UI · Axios · 阿里云 OSS · Docker · Nginx

面向企业员工及管理人员的订货平台，覆盖商品配置、选购、购物车、订单审核、仓库发货、报关与销售统计等业务流程。

• 完成分类、搜索、动态 Tab、多规格选择、购物车持久化、结算和再次下单。
• 开发订单查询、审核、撤回、发货、报关、状态历史及 Excel 导出，梳理并落地 9 种订单状态流转。
• 基于飞书 SSO / OIDC、JWT、Axios 拦截器、路由守卫和动态菜单完成登录认证与角色权限控制。
• 使用流式接口更新商品信息，基于 OSS + STS 完成图片上传，并通过懒加载、KeepAlive、增量渲染与 Gzip 优化体验。

Vue 3 · TypeScript · Vite · Pinia · PixiJS · Spine · Howler.js · Canvas · Vue I18n

基于旧版官网进行前端重构，重新梳理页面与组件边界、资源加载和多语言组织方式，支撑版本专题与周年活动持续迭代。

• 负责官网、版本专题、周年庆活动、角色展示及互动小游戏开发，适配 PC / 移动端和五种语言。
• 封装 PixiJS + Spine 动画方案，统一骨骼动画加载、控制、响应式适配、素材格式兼容与资源回收。
• 实现角色动画、粒子、烟花、故障文字、爆炸彩蛋，以及 Spine 动画与背景音乐的进度同步。
• 通过路由懒加载、依赖分包、资源压缩和移动端差异化加载优化重资源页面性能，并配合 Docker、ESLint、Husky 完善工程化流程。