• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序开发——天气预报项目的问题与坑点

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

问题1:在新页面中切换城市时,如何把新城市的信息带回到首页中去?

解决方案:在切换城市的JS文件中添加如下字样

var pages = getCurrentPages();
var currPage = pages[pages.length - 1];   //当前页面
var prevPage = pages[pages.length - 2];  
prevPage.setData({
          latitude: res.latitude,
          longitude : res.longitude
})
wx.navigateBack({
          delta: 1,//回到上一个页面
})

 首先,获取所有页面信息,系统默认的,最后一个页面信息就是当前切换城市的页面,那么我们要只需回到上一个页面,即天气预报首页,进行prevPage.setData操作,更新经纬度即可。

 

问题2:为什么在真机预览加载不出来页面,但是真机调试可以?

解决方案:由于本人一开始选择使用测试号进行开发,所以在调取API的时候,勾选了不校验合法域名的选项。但是预览的话,手机默认是校验的,所以需要在手机扫描预览的二维码,打开小程序后,点击右上角的三个点,然后点击打开调试即可。

 

问题3:scroll-view(可滚动视图区域)的初次使用?

解决方案:scroll-view竖向滚动容易实现,但是横向滚动比较麻烦。

    display: flex;

其中最重要的肯定是将其设为弹性布局,其次是配合循环语句使用。

 

问题4:为什么刚开始进入小程序时加载较慢,以至于可以看到一些数值还没赋值之前的样子?

未解决此问题,猜想是因为调取API部分的代码写的十分烂,导致时间复杂度过大。

 

问题5:拿到新地址的经纬度,然后呢?

解决方案:如果只是把新地址的经纬度传回到天气预报的首页上,天气是不会变的,这里我添加了onShow函数,虽然一开始打开小程序也是触发了onshow,但是由于经纬度都还没赋值,所以后续操作不能进行(可能是这里变慢了?);而赋值了新地址之后回到首页上触发了onshow函数,此时经纬度已经是新地址的值了,再次调取API就可以得到新地址的天气。

 

问题6:美观问题?

解决方案:初次开发,直接就找了个好看的天气预报小程序,学习别人的布局和排版。

 

坑点1:跳转新页面时这样写是错误的

/pages/search/search.wxml

 这样写才是正确的

/pages/search/search

 

坑点2:使用图片时这样写是错误的

src="../../tianqi/weather-icon-S1/color-64/“+{{item.iconDay}}+”.png"

  这样写才是正确的

src="../../tianqi/weather-icon-S1/color-64/{{item.iconDay}}.png"

 

坑点3:尽量使用iPhone6作为模拟器,因为 px 换算成 rpx比较好算

 

天气预报项目END。。。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序查看导航发布时间:2022-07-18
下一篇:
HotApp小程序统计之自定义事件统计发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap