# 前端作业

**Repository Path**: qsdream/front-end-homework

## Basic Information

- **Project Name**: 前端作业
- **Description**: 前端作业
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-12
- **Last Updated**: 2026-04-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前端课程作业展示平台 - 实验项目

姓名：黄毅宏

学号：251307119

## 选题
个人效率工具集合。

## 项目简介
本项目是一个基于 Vue 3 + Vite 开发的前端课程作业展示平台，用于集中展示多个独立的实用小功能页面。项目整体采用组件化开发方式，结合 Vue Router 实现多页面切换，并使用 Ant Design Vue 完成界面布局与交互设计。

项目首页用于展示选题说明、技术栈和功能入口，各子页面分别对应不同的小项目模块，能够体现前端开发中常见的表单处理、列表渲染、条件判断、事件交互、本地存储、页面路由切换和实时预览等能力。

## 草图原型（后面会提到）

#### 首页

![首页](./public/ReadeMeImage/首页.png)

#### 待办清单

![待办清单](./public/ReadeMeImage/待办清单.png)

#### 记账本

![记账本](./public/ReadeMeImage/记账本.png)

#### 备忘录

![备忘录](./public/ReadeMeImage/备忘录.png)

#### Markdown编辑器

![Markdown编辑器](./public/ReadeMeImage/编辑器.png)

#### 科学计算器

![科学计算器](./public/ReadeMeImage/科学计算器.png)

#### BMI工具

![BMI工具](./public/ReadeMeImage/BMI工具.png)

#### 猜数字游戏

![猜数字游戏](./public/ReadeMeImage/猜数字游戏.png)

#### 动态简历

![动态简历](./public/ReadeMeImage/动态简历.png)


## 已实现功能清单
- 首页总览页面，可统一展示项目简介、技术栈与各子项目入口
- 顶部导航与页面路由切换
- 待办清单：支持新增任务、切换完成状态、删除任务、本地存储
- 记账本：支持收入/支出记录、分类展示、金额统计、本地存储
- 备忘录：支持新增内容、关键词搜索、删除记录、本地存储
- Markdown 编辑器：支持 Markdown 输入与实时预览
- 科学计算器：支持链式运算、表达式展示、键盘输入、历史记录
- BMI 健康数据管理工具：支持 BMI 计算、健康评价、测量记录与建议展示
- 猜数字游戏：支持难度切换、生命值挑战、实时反馈、最佳成绩记录
- 动态简历：支持左侧编辑、右侧实时预览，并可通过浏览器打印导出 PDF

## 运行步骤
### 运行环境
- Node.js 18 及以上
- npm 9 及以上

### 安装依赖
```bash
npm install
```

### 启动开发环境
```bash
npm run dev
```

执行后，根据终端提示在浏览器中打开本地开发地址即可查看项目。

### 项目打包
```bash
npm run build
```

### 打包结果预览
```bash
npm run preview
```