文件名称:Weather-Dashboard:部署链接
文件大小:17.94MB
文件格式:ZIP
更新时间:2024-04-24 00:38:53
JavaScript
天气仪表板 入门 在这项家庭作业中,我的任务是创建一个天气仪表板。 它时尚而简约。 它具有季节性图像的旋转背景和时尚的设计。 在文本输入框中输入城市查询,它将返回当前的实时天气数据和5天的预报。 该网站还记录您的搜索历史记录。 首次访问该网站时,您可以单击以前的搜索之一,它将再次搜索该城市。 部署链接 屏幕截图 首次访问时的默认视图: 当您搜索结果时,该网站将填充: 单击显示历史记录按钮会弹出一个侧边栏: 我做了什么 初始化文件 添加循环图像的背景 通过CSS添加样式 建立网站标题,该标题将根据用户搜索而变化 进行搜索输入,进行AJAX查询以查看当前的天气情况 使用先前的AJAX查询来提升城市的纬度和经度,以对城市的紫外线指数进行第二次AJAX查询 使用搜索输入进行AJAX查询以查看天气预报数据,并将其限制为5天 添加显示历史记录按钮以切换侧栏 使用JSON字符串化使搜索输入形成本
【文件预览】:
Weather-Dashboard-master
----_config.yml(26B)
----index.html(7KB)
----Assets()
--------images()
--------style.css(2KB)
--------script.js(9KB)
----README.md(1KB)