精通React/Vue3+TypeScript,熟练使用Redux/Pinia状态管理,掌握Webpack/Vite工程化配置,擅长性能优化(Lighthouse≥95)。具备Node.js全栈能力(Express/MongoDB),熟悉Jest/Cypress测试,参与过百万级PV的跨端项目(React Native/Taro)。持续关注前端前沿技术,代码规范严格,Git协作高效。
「React 像素艺术动画编辑器」
技术栈:React 18, Ant Design, Redux Toolkit, Axios
项目亮点
基于 Canvas 的像素画编辑器(支持 16x16 ~ 64x64 画布)
逐帧动画编辑功能(类似 Aseprite 的迷你版)
导出 GIF/APNG 动态图或 Sprite Sheet 精灵图
使用 Recoil 管理复杂动画状态(帧序列、图层)
自定义 Hooks 实现撤销/重做功能(历史记录栈)
Web Workers 处理 GIF 编码,避免主线程阻塞
「Vue 颜色管理工具」- Vue 3 + Vite
技术栈:Vue 3 + Pinia, Element Plus, Node.js + MongoDB
亮点:
基于 Vue 3 的现代化颜色选择器组件
支持 HEX/RGB/HSL 等多种格式转换
内置主题系统,可自定义样式
技术实现亮点 音频分析核心 使用 Web Audio API 的 AnalyserNode 获取实时频率数据(FFT) 通过 getByteFrequencyData() 提取音频频谱,驱动粒子动画 三维粒子系统 Three.js 实现: 基于 P
个人项目 基于 Vue 3 的现代化颜色选择器组件 支持 HEX/RGB/HSL 等多种格式转换 内置主题系统,可自定义样式 技术栈:Vue 3 + Vite + TypeScript
个人项目 基于 Vue 3 的现代化颜色选择器组件 支持 HEX/RGB/HSL 等多种格式转换 内置主题系统,可自定义样式 技术栈:Vue 3 + Vite + TypeScript
核心功能 基于 Canvas 的像素画编辑器(支持 16x16 ~ 64x64 画布) 逐帧动画编辑功能(类似 Aseprite 的迷你版) 导出 GIF/APNG 动态图或 Sprite Sheet 精灵图 React 技术栈 使用 Recoil