跳到简历正文
下载 PDF ↓
阿纸头像
你好,我是阿纸

AVAILABLE FOR OPPORTUNITIES

前端开发工程师

把复杂的交互与 AI 能力,打磨成可靠、懂用户的 Web 产品。

实现一些奇奇怪怪的想法~

Vue / NuxtCreative WebAI ApplicationsFull Stack
求职意向

前端开发工程师 / AI 应用工程师

01

个人概述

Profile

具备游戏官网、品牌营销活动、玩家服务与内部业务系统的前端交付经验,长期使用 Vue 3、Node.js、TypeScript 完成从页面搭建到上线维护的完整闭环。

擅长多语言与响应式适配、复杂动效及媒体互动、动态表单与文件上传等业务场景;近期完成 Agent、RAG、流式生成等 AI 应用工程实践,能够将模型能力落地的 Web 产品。

02

核心能力

Skills

01

前端工程

Front-end Engineering

Vue 3、Nuxt 3/4、Astro、TypeScript、Vite、Pinia

02

互动与媒体

Motion & Media

GSAP、Three.js、PixiJS、Spine、Canvas、WebGL

03

AI 应用

AI Applications

OpenAI API、Function Calling、RAG、pgvector、Drizzle ORM、SSE、Node.js

04

交付与质量

Product Delivery

Vue I18n、多语言 SEO、OAuth / OIDC、阿里云 OSS、Docker、Nginx

03

工作经历

Experience

广州

peropero

前端开发工程师

负责面向全球玩家的游戏官网、预约活动、品牌官网与客服中心,以及 AI 客服平台的前端交付。

  • 互动与内容 Web:使用 Vue / Nuxt / Astro + TypeScript 交付多语言、重动画、重媒体产品,覆盖从需求拆分、组件设计、接口联调到上线维护的完整闭环。
  • AI 应用工程化:独立设计并实现 AI 客服邮件回复平台,覆盖 Agent 工具编排、RAG 知识库、SSE 流式输出与知识增量同步。
  • 持续沉淀国际化、SEO、动画与媒体生命周期、动态表单和生产部署能力,保障重资源页面与业务流程的稳定性。
04

项目经历

Projects

  1. 内部 AI 客服邮件回复平台

    AI 应用 / 独立设计实现

    AI 应用工程实践

    内部项目 · 暂无公开地址

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

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

    • 四种知识方案严格隔离:实时飞书、本地 XLSX、Markdown Skill、RAG 共享 Agent 编排框架但不共享读取路径,路径失败不静默切换,保证回复依据与审计一致。
    • 工具调用由代码强制,不只靠 prompt:named tool_choice + 工具白名单按序执行必需工具,safe / write / dangerous 权限分级,每次调用写入审计日志;高风险场景转人工复核。
    • RAG 检索链路:约 1000 字符分块(200 重叠)、Top-K 5、余弦距离阈值 0.5;2048 维向量超过 pgvector HNSW 上限(2000),改用精确余弦排序并保留迁移重建流程。
    • 知识同步流水线:SHA-256 内容哈希识别变更,只对变更工作表增量向量化,事务内替换来源;"快照成功"与"向量成功"分离,同步失败不影响本地方案。
    • SSE 流式交互:stage / reply_delta / complete / generation_error 四类事件,配合 X-Accel-Buffering: no 防止代理缓冲;批处理最多 10 封串行,避免压垮模型。
  2. Muse Dash 2 官网及预约活动页

    游戏官网 / 营销活动

    核心前端开发

    md2.peropero.net

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

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

    • Astro + Vue Islands 架构:官网以静态为主、预约等交互按需注入 JS,拆分公共布局、预约、弹窗和奖励进度模块,兼顾加载性能与交互能力。
    • Three.js + Spine 角色舞台:多层角色动画、鼠标 / 陀螺仪视差、横竖屏响应式适配;预约人数文字按视口宽度与文字长度动态缩放,自建骨骼 / 图层调试面板辅助素材校准。
    • 预约人数稳定更新:30 秒轮询 + 进行中请求复用 + AbortController 取消过期请求 + 请求序号防旧响应覆盖 + 无消费者自动停止轮询。
    • 完成手机号 / 邮箱验证码预约、Google / Apple OAuth、Steam / TapTap 外部预约与重复预约状态处理;Docker + nginx 部署。
  3. peropero 官网

    品牌官网 / 招聘投递

    核心前端开发

    peropero.net

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

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

    • 双端路由体系:桌面端与移动端独立页面,通过 User-Agent 全局路由中间件自动跳转,避免两套入口错配。
    • 大文件分片上传:超过 5MB 触发分片,自建 QPS 3 限流队列,Promise.all 汇总分片后提交合并,处理进度、失败重试与多文件状态。
    • CSS Variables 主题系统:校验主题 JSON、合并默认主题、按亮 / 暗模式写入变量,支持运行时切换与开发环境主题编辑。
    • 使用 GSAP、Swiper、Canvas、WebGL 实现视差、滚轮切屏、粒子与海报转场;完成多语言、SEO、结构化数据与 Docker 构建流程。
  4. 宇宙电台 Cosmic Radio 2025

    国际赛事 / 内容平台

    核心前端开发

    cosmicradio.peropero.net

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

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

    • 基于 Vue I18n prefix 路由完成中繁英日韩多语言适配,处理长文案排版与移动端兼容;实现投稿链接解析回填、表单 / 邮箱校验、歌曲选择、视频预览、评委点评与滚动导航。
    • 负责首页、投稿、投票、结果、奖项与下载等核心页面及公共组件,使用 IntersectionObserver、图片懒加载和请求防抖优化页面体验。
    • 配置 Nuxt Image、sitemap、Open Graph / Twitter Meta 与 CDN 资源管理,接入埋点和社交分享,覆盖投稿 → 投票 → 结果公布完整赛程。

更多项目

More Work

  • Muse Dash 客服中心

    多语言工单平台:配置驱动的动态表单、OSS 分片上传(压缩 / 进度 / 取消)、RSA 2048 加密、滑动验证与全局异常上报。

    玩家服务 / 多语言平台service.peropero.net
  • 企业内部商城

    订货系统:梳理并落地 9 种订单状态流转,完成飞书 SSO / OIDC 权限、Excel 导出与 OSS + STS 上传。

    企业系统 / 订货平台
  • Muse Dash 官网

    0 - 1 重写网站,实现 PixiJS + Spine 动画方案封装与资源回收,支撑版本专题与周年活动,通过依赖分包与构建体积分析优化重资源页面。

    游戏官网 / 互动体验musedash.peropero.net