online-unzip-tool

# 在线解压缩工具 - yasuo.zip

一个功能强大的在线压缩包解压工具，支持多种压缩格式，纯前端实现，保证文件安全。

## ✨ 功能特性

### 支持的格式
- **ZIP** - 最常用的压缩格式，完全支持
- **GZ** - Gzip压缩格式，支持单文件解压
- **TAR** - Unix/Linux归档格式，支持未压缩TAR

### 核心功能
- 📁 **文件解压** - 支持ZIP、GZ、TAR格式的在线解压
- 🗜️ **文件压缩** - 支持多文件和文件夹压缩为ZIP格式
- 🖼️ **图片压缩** - 支持JPEG、PNG、WebP格式的图片压缩优化
- 📱 **响应式设计** - 完美适配桌面和移动设备
- 🔒 **本地处理** - 所有文件处理均在浏览器本地完成，不上传服务器
- 🚀 **高性能** - 优化的代码结构，快速处理大文件
- 🎨 **现代界面** - 苹果风格的用户界面设计

## 🛠️ 技术实现

### 前端技术栈
- **HTML5** - 语义化标记和现代Web标准
- **CSS3** - 响应式设计和现代样式
- **JavaScript ES6+** - 模块化代码和现代语法

### 核心库
- **JSZip** - 处理ZIP格式文件，支持完整的ZIP规范
- **pako** - 处理GZ格式文件，基于zlib的JavaScript实现
- **原生JavaScript** - 处理TAR格式文件，自实现TAR解析器

### 性能优化
- ⚡ **DOM元素缓存** - 减少DOM查询次数
- 🔄 **事件委托** - 优化事件处理性能
- 📦 **代码压缩** - 删除未使用的代码和样式
- 🎯 **精确匹配** - 优化文件类型检测逻辑

## 🚀 使用方法

### 解压文件
1. 点击"解压文件"选项卡
2. 拖拽或选择压缩文件（ZIP、GZ、TAR）
3. 等待解压完成
4. 浏览文件列表，选择需要的文件下载

### 压缩文件
1. 点击"压缩文件"选项卡
2. 选择要压缩的文件或文件夹
3. 等待压缩完成
4. 下载生成的ZIP文件

### 图片压缩
1. 点击"图片压缩"选项卡
2. 调节压缩质量滑块（10%-100%，默认30%）
3. 拖拽或选择图片文件（支持JPEG、PNG、WebP）
4. 等待压缩完成，查看压缩率
5. 单独下载压缩后的图片或打包下载（yasuo.zip）

## 📋 文件结构

```
yasuo.zip/
├── index.html          # 主页面
├── css/
│   └── style.css       # 样式文件
├── js/
│   └── script.js       # 核心脚本
├── README.md           # 项目说明
└── favicon.ico         # 网站图标
```

## 🔧 部署说明

### 本地运行
1. 克隆或下载项目文件
2. 使用Web服务器打开index.html
3. 或直接在浏览器中打开index.html文件

### 在线部署
- 支持部署到任何静态网站托管服务
- 如：GitHub Pages、Netlify、Vercel等

## 🌟 特色亮点

### 安全性
- 🔐 **本地处理** - 文件不会上传到服务器
- 🛡️ **隐私保护** - 所有操作在浏览器本地完成
- ✅ **文件验证** - 严格的文件类型和大小检查

### 用户体验
- 🎨 **现代设计** - 苹果风格的界面设计
- 📱 **移动友好** - 完美适配各种设备
- ⚡ **快速响应** - 优化的性能和加载速度
- 🔄 **实时反馈** - 详细的进度显示和错误提示

### 技术优势
- 🏗️ **模块化代码** - 清晰的代码结构和组织
- 🔧 **易于维护** - 良好的代码注释和文档
- 🚀 **高性能** - 优化的算法和数据结构
- 🔄 **可扩展** - 易于添加新的压缩格式支持

## 📝 更新日志

### v1.0.2 (最新)
- ✅ 新增图片压缩功能
- ✅ 支持JPEG、PNG、WebP格式图片压缩
- ✅ 可调节压缩质量（10%-100%）
- ✅ 显示压缩率和文件大小对比
- ✅ 支持批量图片处理
- ✅ 优化用户界面和交互体验

### v1.0.1
- ✅ 新增GZ格式支持
- ✅ 新增TAR格式支持
- ✅ 优化代码结构，提升性能
- ✅ 删除未使用代码，减小文件体积
- ✅ 改进错误处理和用户反馈
- ✅ 优化DOM操作和事件处理

### v1.0.0
- ✅ 基础ZIP格式解压功能
- ✅ 文件压缩功能
- ✅ 响应式界面设计

## 🤝 贡献指南

欢迎提交Issue和Pull Request来帮助改进项目！

### 开发环境
- 现代浏览器（支持ES6+）
- 文本编辑器或IDE
- 本地Web服务器（可选）

## 📄 许可证

本项目采用 MIT 许可证 - 查看 [LICENSE](LICENSE) 文件了解详情

## 🔗 相关链接

- [项目主页](https://yasuo.zip/)
- [GitHub仓库](https://github.com/arsnyeon/online-unzip-tool)
- [问题反馈](https://github.com/arsnyeon/online-unzip-tool/issues)

## 👨‍💻 作者

**ArsnYeon**
- 网站: [https://yasuo.zip/](https://yasuo.zip/)
- GitHub: [@arsnyeon](https://github.com/arsnyeon)

---

⭐ 如果这个项目对你有帮助，请给它一个星标！