【文件属性】:
文件名称:Weather-Dashboard:查看任何城市的当前和未来天气状况
文件大小:695KB
文件格式:ZIP
更新时间:2021-05-28 21:10:02
HTML
天气仪表板
描述
该应用程序访问开放天气API,并允许用户搜索城市的当前天气和五天天气预报。
用法
该应用程序在左侧有一个输入字段,并有一个占位符,上面写着“城市名称”,以向用户指示他们只需要输入城市名称即可。 在搜索字段下方,列出了过去的搜索。 过去的搜索也可以单击,并将启动对该特定城市的搜索。
当用户单击过去的搜索项和/或输入要搜索的城市名称时,天气信息中心将在信息中心的顶部填充该城市的当前天气,并在信息中心的底部显示五天天气预报。
此外,“当前天气”部分会显示当前的“紫外线指数”,该指数会根据“紫外线指数”的高低而改变颜色。
预习
使用的技术
→打开天气地图API
→OpenCage Geocoder API
→JavaScript
→jQuery的
→Moment.js
→布尔玛
→HTML
→CSS
教学指导
→在搜索栏中输入城市名称,然后按搜索按钮
→查看该城市的
【文件预览】:
Weather-Dashboard-main
----index.html(7KB)
----weather-dashboard.gif(802KB)
----README.md(2KB)
----script.js(6KB)
----style.css(2KB)