# frontWeb

**Repository Path**: shigen/frontWeb

## Basic Information

- **Project Name**: frontWeb
- **Description**: web前端案例仓库
- **Primary Language**: Unknown
- **License**: OSL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-02
- **Last Updated**: 2021-06-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# mi8youth

### 介绍
和小米官网小米8青春版一样的页面设计，创作于2020年5月，是学习前端四个月的经典之作

### 软件架构
- 采用的是HTML5+CSS3+JavaScript组织的页面，和官方的页面几乎1：1还原

- 页面中多次引用了实现幻灯片特效的模板函数，大大简化了代码

### 开发工具

- 代码编辑：Sublime Text 3
- 调试工具：Chrome
- 辅助工具（取色）：FastStone Capture
- 确定像素大小：QQ截图




### 安装教程

```shell
git clone https://gitee.com/shigen/frontWeb.git
```

即可在本地查看web静态页面

### 使用说明

① only for studying!!!

② Designed By Gen QQ:3069244505

③ the copyright belongs to Xiaomi

④ click refuse to exit

# addtion

### 介绍

additon 下边的5个主要页面分别为 `about_history.html` `aiplay.html` `camera-360.html` `shouhuan4nfc.html` `sound_carry.html`  主要是学习完Java web后端开发后，回到前端的学习总结

### 特色

- `aipaly.html` 使用了CSS3的 keyframes 实现了音箱发声动效
- 本次开发较为简单，大量引用了之前项目的CSS，JavaScript的代码和函数块