Weather-app:一个从 OpenWeatherMap API 中提取的天气应用程序,允许用户搜索和查看全球城市的预报。 用 JavaScript 构建

时间:2024-06-18 02:50:20
【文件属性】:

文件名称:Weather-app:一个从 OpenWeatherMap API 中提取的天气应用程序,允许用户搜索和查看全球城市的预报。 用 JavaScript 构建

文件大小:12.5MB

文件格式:ZIP

更新时间:2024-06-18 02:50:20

JavaScript

天气应用 此应用程序的主要目标是使用 API 练习异步和等待的概念。 在这个项目中,我使用 Open Weather API 构建了一个 Weather App 来获取和显示不同城市的数据。 建于 HTML JavaScript Webpack 打开天气API 现场演示 特征: 用户可以搜索各个城市的天气报告 背景图片会根据城市的天气而变化 用户可以在摄氏度或华氏度之间切换 入门 打开终端 运行: git clone git@github.com:sanadwj/Weather-app.git 运行npm install 运行npm run start 到https://openweathermap.org/并注册,注册后将向您的电子邮件地址发送一封带有 api 密钥的电子邮件。 复制数字并将其替换为 index.js 中的 Key 瞧,该应用程序现在可以使用您的 Ap


【文件预览】:
Weather-app-master
----.eslintrc.json(385B)
----.github()
--------workflows()
----webpack.config.js(2KB)
----src()
--------display.js(2KB)
--------body.js(2KB)
--------form.js(614B)
--------styles()
--------skycon.js(1KB)
--------assets()
--------images.js(762B)
--------toggle.js(540B)
----.stylelintrc.json(307B)
----README.md(2KB)
----dist()
--------484e5d6aeecef5f0be08c5e5f2e706ca.png(205KB)
--------index.html(227B)
--------16d57ea8c2019dfe3f04df19f2fbf4a4.png(415KB)
--------5d97aa04f9fddeec310e686a2c26da58.png(271KB)
--------102f4f3788dbae320a210608db6c3b3a.png(1.4MB)
--------7172491c351c571c12c4673e38dde280.png(197KB)
--------bundle.js(2.69MB)
--------eb76b28a80e108227b99773e13f1d4cb.png(91KB)
----.gitignore(13B)
----index.js(1KB)
----package-lock.json(413KB)
----package.json(1KB)

网友评论