MG工具集

1、立项背景和目标：为解决日常开发、内容创作过程中零散工具查找麻烦的痛点，开发 MG 工具集网页端工具箱平台。项目目标是把图片处理、视频处理、代码格式化等高频小工具整合到统一页面，无需安装软件，浏览器即可快速完成处理，提升创作者与开发人员的工作效率。

2、软件功能、核心功能模块的介绍：平台分为三大功能模块：①图片工具模块：支持批量抠图、图片压缩、图片裁剪、图片九宫格分割、图片取色、卡通趣味画廊；②视频工具模块：实现视频去水印、视频提取帧、帧序列合成视频；③代码工具模块：提供 JSON 格式化、Unicode 转中文功能，覆盖图片、视频、代码文本三类高频处理场景。

3、业务流程、功能路径描述：用户访问 MG 工具集首页，浏览全部工具卡片，根据业务需求点击对应功能入口进入工具页；上传或输入待处理资源，配置对应参数后执行处理，处理完成后预览效果，导出本地文件完成操作。

1、整体架构和设计思路：前端采用 Vue3+Element Plus 实现页面交互，整体采用模块化设计，不同工具独立组件封装；工具核心处理逻辑优先前端浏览器本地计算，减少服务端压力；深色主题 UI，卡片式布局，方便工具扩展新增。

2、我的负责模块和结果：独立完成全部页面开发，实现首页工具聚合展示、各工具组件封装，完成图片批量处理、视频帧操作、代码文本转换等功能，完成文件上传、参数配置、结果导出整套流程，实现工具之间解耦，方便后续快速新增工具。

3、遇到的难点、坑，和解决方案：难点 1：大批量图片前端处理卡顿，通过 WebWorker 把图片计算放到子线程，避免阻塞页面渲染；难点 2：大视频提取帧内存占用高，采用分片处理，限制单次解析大小，优化浏览器内存溢出问题；难点 3：不同浏览器文件导出兼容性，做兼容性判断，适配多浏览器下载逻辑。