##主要功能:
主页展示当天的天气情况,包括温度和气候等简要信息。同时还提供了以下功能:
- 2天、7天天气预测:展示未来2天和7天的天气预测信息。
- 24小时天气预测:展示未来24小时的天气预测信息。
- 使用 Echart.js 绘制的7天天气曲线:通过曲线展示未来7天的天气趋势。
- 生活推荐:主页面底部实现了生活推荐功能。
搜索功能实现了以下特点:
- 历史记录:记录了之前的搜索记录,方便用户查看和快速搜索。
- 热门城市:展示了当前热门的城市列表,用户可以点击进行搜索。
- 当前定位:根据用户的当前位置进行定位,并显示相关的天气信息。
- 点击搜索:用户可以输入关键词进行搜索,获取对应的天气信息。
该项目使用以下技术栈进行开发:
- HTML
- CSS
- JavaScript
- Axios 库:用于进行网络请求获取天气信息。
- Echart.js:用于绘制7天天气曲线。
- Flex 布局:实现页面的自适应和响应式布局。
- LocalStorage:使用本地存储记录搜索历史。
该项目的技术亮点包括:
- 使用 Echart.js 实现了温度的可视化,提高了用户的体验。
- 使用 Flex 布局实现了页面的适配,使得页面在不同设备上展示效果良好。
- 使用 LocalStorage 实现了搜索历史的记录,方便用户查看和快速搜索。