Skip to content

coderz-w/Stage-assessment

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

项目名称

##主要功能:

一. 主页

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

  • 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 实现了搜索历史的记录,方便用户查看和快速搜索。

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published