自己写的一个天气查询应用

俗话说得好:弱,就得多练!

【想法来源】

为了多锻炼自己,我开始写这个小玩意,之前逛聚合数据这个网站的时候,发现他有个天气的API,我就想写个可以用的小应用。所以花了一个晚上东平西凑总算搞出来了。

【技术基础】

我的网站用了riotJs这个框架,所以在展示数据的时候会方便点(不知道什么是riotJS的可以看这里)但是那个跟这篇文章没关系;我主要介绍一些开发中比较有用的东西。

【正文】

1、rainyday.js

一开始本来想选一张好看点的图片做背景,但是总感觉少了什么,我想既然是天气,那就来个下雨效果吧,所以就用了这个;使用方法见官网吧,我也是按照那个来的,我就是调整了下参数。

2、URI二次转码

天气api需要两个参数,一个是key,这个是开发中独有的,你们不用管,另一个就是cityname,一开始请求成功但是总是显示cityname出错查找不到城市,当时心想妹的这个城市都找不到,后来才发现发送过去的参数中cityname变了样,譬如我输入'温州',本来应该是这个样子的:

%E6%B8%A9%E5%B7%9E

,但是发送过去的数据变成这样了:

%E6%B8%A9%E5%B7%9E

这说明二次转码了,解决办法就是:

tianqiData.cityname = decodeURI(encodeURI(tianqiData.cityname));

(不用管变量名,这个是我从我源码中拷贝出来的)  

3、input的outline

在使用背景图片后,再用input文本类型的标签,鼠标点击会出现一个亮框,好丑。这时候只要给input设置这个样式:

outline: none;

 【效果图】

【应用网址】

天气应用

 有不好的地方可以跟我反馈

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏开源优测

大数据测试之ETL测试入门

概述 在我们学习ETL测试之前,先了解下business intelligence(即BI)和数据仓库。 什么是BI? BI(Business Intell...

6548
来自专栏Golang语言社区

【Go 语言社区】在 Go 语言中,如何正确的使用并发

Glyph Lefkowitz最近写了一篇启蒙文章,其中他详细的说明了一些关于开发高并发软件的挑战,如果你开发软件但是没有阅读这篇问题,那么我建议你阅读一篇。这...

3559
来自专栏开源优测

[大数据测试]ETL测试或数据仓库测试入门

概述 在我们学习ETL测试之前,先了解下business intelligence(即BI)和数据仓库。 什么是BI? BI(Business Intellig...

3035
来自专栏牛客网

【蚂蚁金服】一面

【每日一语】现在不是去想缺少什么的时候,该想一想凭现有的东西你能做什么。——海明威《老人与海》

902
来自专栏开源优测

[大数据测试]ETL测试或数据仓库测试入门

概述 在我们学习ETL测试之前,先了解下business intelligence(即BI)和数据仓库。 什么是BI? BI(Business Intell...

3826
来自专栏Python中文社区

用Python玩转微信的正确姿势!

0. itchat 最近研究了一些微信的玩法,我们可以通过网页版的微信微信网页版,扫码登录后去抓包爬取信息,还可以post去发送信息。 然后发现了itchat这...

5568
来自专栏Golang语言社区

在 Go 语言中,如何正确的使用并发

Glyph Lefkowitz最近写了一篇启蒙文章,其中他详细的说明了一些关于开发高并发软件的挑战,如果你开发软件但是没有阅读这篇问题,那么我建议你阅读一篇。这...

1940
来自专栏Albert陈凯

2018-07-24 关于数据库‘状态’字段设计的思考与实践关于数据库‘状态’字段设计的思考与实践1. 问题综述2. 业务分析3. 问题一、订单表的‘订单状态’字段应当包含哪些状态值?4. 问题二、订

原文地址:https://blog.csdn.net/tan_jianhui/article/details/8571342

2171
来自专栏IT派

用Python画一个中国地图

先来聊聊为什么做数据分析一定要用Python或R语言。编程语言这么多种,Java, PHP都很成熟,但是为什么在最近热火的数据分析领域,很多人选择用Python...

3835
来自专栏一场梦

将照片变成字母符号组成的文字软件

2045

扫码关注云+社区

领取腾讯云代金券