![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 62
晓梦初醒时分
这个作者很懒,什么都没留下…
展开
-
实时开发查看天气微信小程序——从网络获取数据(3) part 1
主要概况:1.调用天气API获取Json数据2.解析Json数据并展示3.在页面展示动态数据4.最后实现下拉刷新功能此时我们的页面中以下变量应该被替换成动态变量:气温、图片描述、图片路径、导航栏颜色。此处要提出作者对生命周期的理解还是不到位。因为作者同时还是前端的程序员,主要是Vue.js相关的,此处链接一个Vue.js相关的关于生命周期的理解,提供给大家做参考:htt...原创 2018-07-19 16:14:53 · 608 阅读 · 0 评论 -
实时开发查看天气微信小程序——查看天气小程序(1)
第一步,针对小程序中需要实时调整其分辨率所产生出的问题: rpx 全称是什么?(请填写英语全称)responsive pixel rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素...原创 2018-06-12 14:07:19 · 1242 阅读 · 0 评论 -
实时开发查看天气微信小程序——添加小程序的背景(2)
上一个环节我们调整了针对于苹果手机的尺寸大小相关的数据,此时我们就需要给小程序进行简单的背景添加。现在我们只需要把背景色替换成图片了。由于weather-wrapper都已经把高度和宽度设置好了,图片只需要100%占满weather-wrapper就可以了。也就是占满屏幕:添加图片完成,效果如上图所示。在pages/index/index.wxml中写入如下代码:-<...原创 2018-07-14 09:24:16 · 738 阅读 · 0 评论 -
实时开发查看天气微信小程序——从网络获取数据(3) part 2
接着上文:上文最后的箭头函数最后用于思考。获取返回数据 res 并在 console 中打印后,我们可以逐层展开数据res。看到气温可以由 res.data.result.now.temp 获得,而天气可以由 res.data.result.now.weather 获得。wx.request 保证了 API 返回的所有数据都存储在 res.data 中, 而天气 API 将数据存储在...原创 2018-07-19 17:24:23 · 890 阅读 · 0 评论 -
实时开发查看天气微信小程序——从网络获取数据(3) part 3
const weatherMap = { 'sunny':'晴天',//添加多种天气状况 'cloudy':'多云', 'overcast':'阴', 'lightrain':'小雨', 'heavyrain':'大雨', 'snow':'雪'}设置动态的更改背景图片:<image class = "weather-bg"src="{{nowWeath...原创 2018-07-19 18:17:29 · 388 阅读 · 0 评论 -
实时开发查看天气微信小程序——从网络获取数据(3) part 4
写出微信小程序中的刷新过程代码,此处我们注意到,一次刷新之后重复的是onload()中的代码过程,所以此处我们需要的是复制onload()中的代码过程如下:onPullDownRefresh(){//因为我们刷新做的是完全一样的事情所以我们把onload()中的代码复制过来 wx.request({ url: 'https://test-miniprogram...原创 2018-07-19 19:06:47 · 271 阅读 · 0 评论