# Web Wonders

**Repository Path**: PhoenixWing321/WebWonders

## Basic Information

- **Project Name**: Web Wonders
- **Description**: Web study
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-01-03
- **Last Updated**: 2025-03-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WebWonder

前端技术学习示例集合，包含 Three.js 3D 图形编程和 Jest 单元测试示例。

## 项目结构

```
WebWonder/
├── public/                    # 静态资源目录
│   ├── index.html            # 主页
│   ├── three-js-explorer/    # Three.js 构建输出
│   └── jest-study/          # Jest 静态文件
├── three-js-explorer/        # Three.js 源码
├── jest-study/              # Jest 源码
├── server.ts                # 统一服务器
└── package.json
```

## 快速开始

1. 安装依赖
```bash
npm install
```

2. 构建项目
```bash
npm run build
```

3. 启动服务器
```bash
npm run dev
```

4. 访问项目
- 主页：http://localhost:8080/
- Three.js 项目：http://localhost:8080/three-js-explorer/
- Jest 测试：http://localhost:8080/jest-study/

## 子项目

### Three.js Explorer
- 3D 图形编程学习示例
- 基础图形渲染
- 材质展示
- 光照效果

### Jest Study
- TypeScript 单元测试学习
- 基础测试示例
- 二进制文件处理
- 在线测试运行器

## 开发

```bash
# 清理构建
npm run clean

# 构建项目
npm run build

# 启动开发服务器
npm run dev
```

## 技术栈
- TypeScript
- Three.js
- Jest
- Express
- Vite