# web-exam-hub

**Repository Path**: Yervin/web-exam-hub

## Basic Information

- **Project Name**: web-exam-hub
- **Description**: 基础测试
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-04-22
- **Last Updated**: 2024-04-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 需求说明
参考下面的截图也作为设计稿，自主编程完成开发一个网站。

开发要求：
- 使用 HTML+CSS+JavaScript 进行开发，所有的数据采用JSON导入的方式实现。
- 分阶段开发和验收成果
    - 阶段1：模拟数据完成基础的页面结构布局
    - 阶段2：在上一阶段的成果上，使用 css 完成页面样式对设计稿的还原
    - 阶段3：在上一阶段的成果上，使用 javascript 导入data.json数据，使用动态渲染地方式集成数据。
    - 阶段4: 在上一阶段的成果上，完成网站的功能性交互

业务要求：
- 仅实现下面截图中非马赛克部分，被马赛克部分不要求实现。
- 要求功能完备，除开马赛克部分，要一比一还原设计稿

功能要求：
- 导航栏部分，要求点击具备切换效果
- 搜索框部分，要求具备模糊搜索能力，能够模糊搜索网站名称。
- 分类列表部分, 要求点击后能够跳转到目标网站。

![img.png](img.png)




# 参考资料

- [代码速记](https://quickref.cn/index.html)
- [参考网站](https://www.aihub.cn/)