coderz-w/stage-assessment

项目名称

##主要功能：

一. 主页

主页展示当天的天气情况，包括温度和气候等简要信息。同时还提供了以下功能：

• 2天、7天天气预测：展示未来2天和7天的天气预测信息。
• 24小时天气预测：展示未来24小时的天气预测信息。
• 使用 Echart.js 绘制的7天天气曲线：通过曲线展示未来7天的天气趋势。
• 生活推荐：主页面底部实现了生活推荐功能。

二. 搜索

搜索功能实现了以下特点：

• 历史记录：记录了之前的搜索记录，方便用户查看和快速搜索。
• 热门城市：展示了当前热门的城市列表，用户可以点击进行搜索。
• 当前定位：根据用户的当前位置进行定位，并显示相关的天气信息。
• 点击搜索：用户可以输入关键词进行搜索，获取对应的天气信息。

技术栈

该项目使用以下技术栈进行开发：

• HTML
• CSS
• JavaScript
• Axios 库：用于进行网络请求获取天气信息。
• Echart.js：用于绘制7天天气曲线。
• Flex 布局：实现页面的自适应和响应式布局。
• LocalStorage：使用本地存储记录搜索历史。

技术亮点

该项目的技术亮点包括：

1. 使用 Echart.js 实现了温度的可视化，提高了用户的体验。
2. 使用 Flex 布局实现了页面的适配，使得页面在不同设备上展示效果良好。
3. 使用 LocalStorage 实现了搜索历史的记录，方便用户查看和快速搜索。