项目介绍:
picsman是一个图像处理网站,提供抠图、AI背景、消除笔、批量编辑、变高清和AI绘画等强大的AI图片处理工具并且配
备了专业的图片编辑器以及作品云保存等功能。技术栈是ViteSSG + Vue3 + TypeScript
项目职责及成果:
1.核心功能开发:
负责图片编辑器核心交互功能开发,实现裁剪、旋转、滤镜添加等操作,支持 100+ 图层同时编辑
开发历史记录功能,支持 操作撤销和还原,提升用户编辑体验
实现图片压缩功能,支持 JPG、PNG、HEIC 等主流格式,显著提升页面性能
2.性能优化:
实现图片与资源懒加载,消耗服务器流量减少超过50%。
利用 Session Storage 、内存缓存、keep_alvie等技术,优化批量操作与实时保存功能,操作流畅度提升 40%
重构旧页面代码,优化组件结构与状态管理,页面响应速度提升 50%
3.工程化与协作:
配置 Vite 插件实现按需加载和分割主入口文件并使用 Gzip 压缩,减少40%非必须资源加载,并使构建总体积减少 35%
编写技术文档与组件使用示例,降低团队成员上手成本
负责分支管理,代码合并以及项目打包部署等工作