# shixun-web

**Repository Path**: xjaaaa/shixun-web

## Basic Information

- **Project Name**: shixun-web
- **Description**: 实训项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-25
- **Last Updated**: 2026-06-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 肖健 · 逆向工程师 — 个人简历网站

深色科技风个人简历单页站，使用原生 HTML / CSS / JavaScript 构建，无任何框架与外部依赖，可离线打开。

## 预览

![网站预览](preview.gif)


## 特点

- **项目流程展示**：5 个逆向实战项目，每个按「目标精炼 → 功能细分 → 技术栈与实现 → 应对挑战 → 预期成果」五阶段时间线拆解，突出完成流程。
- **视觉风格**：深色 + 青色霓光，玻璃拟态卡片，粒子网络背景。
- **动效**：名字解密动画、岗位打字机、滚动渐显、滚动进度条、章节高亮导航。
- **响应式**：桌面 / 平板 / 手机自适应，移动端汉堡菜单。
- **可访问性**：支持 `prefers-reduced-motion`，弱化动效。

## 目录结构

```
shixun-web/
├── index.html              页面结构
├── assets/
│   ├── css/style.css       样式
│   └── js/
│       ├── data.js         简历内容数据（改这里更新内容）
│       └── main.js         渲染与动效
└── README.md
```

## 本地预览

```bash
# 任选其一
python3 -m http.server 8765
# 然后浏览器打开 http://localhost:8765
```

直接双击 `index.html` 也可打开（粒子背景与渲染均正常）。

## 修改内容

所有简历内容集中在 `assets/js/data.js` 的 `RESUME` 对象里，按区块组织：
基本信息、统计、教育、项目（含五阶段流程）、校园经历、技能、奖项、自我评价。
改这一个文件即可更新全站内容，无需动 HTML / CSS。