时隔一年重新回顾开发微信小程序。

本次案例以天气小程序来细讲一些常见语法。一下是目录

知识点一:

在JavaScript中,Page(页面)中,可以通过定义data对象来管理页面的初始数据状态,这样可以实现对页面数据的动态更新和展示。

知识点二:

在utils的getWeather.js导出这两个函数的,在index.js导出库的做法

onshow生命周期使用getWeatherFromCity方法,目的是为了显示初始状态的数据,传递两个参数。第一个是this.data.cityName(本地>data>cityName)

我仔细讲讲回调函数。回调函数一般都是异步执行,即在操作完成后被调用。

在这个函数中:

  1. 首先,检查返回的天气数据的状态信息(res.status)。如果状态为 “ok”,表示获取天气数据成功。

  2. 如果状态为 “ok”,则会在控制台打印出返回的天气数据对象(res.result)和整个回调函数参数对象(res)。可以通过控制台查看具体的数据内容,以便进行后续的处理和调试。这一整个打印出来就是res,里面还有下级status和result

        3、通过调用小程序的 setData 方法,将获取到的天气数据更新到页面的数据状态中。刷新原本data的数据。更新temperature、status、wea

重点理解:通过 weaInfo[res.result.realtime.skycon],可以根据当前的实时天气状况作为键(key),从 weaInfo 对象中获取对应的天气信息对象。

这个是在getWeather.js里的

 知识点三:

        类似于这些都是变量。都是通过更新数据。

        

知识点四:

wx.request

method 指定请求的方法(如 GET、POST 等)、data 指定要发送的数据等。此外,还可以设置 success 回调函数来处理请求成功时的逻辑,以及 fail 回调函数来处理请求失败时的逻辑。

相关推荐

  1. 程序--注册获取头像

    2024-03-13 01:06:03       23 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-13 01:06:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-13 01:06:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-13 01:06:03       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-13 01:06:03       20 阅读

热门阅读

  1. react hook:useMemo

    2024-03-13 01:06:03       24 阅读
  2. linux设置开机启动慎用nohup

    2024-03-13 01:06:03       21 阅读
  3. PyTorch学习笔记(三)

    2024-03-13 01:06:03       24 阅读
  4. 程序员如何选择职业赛道?

    2024-03-13 01:06:03       23 阅读
  5. Armadillo:矩阵类、向量类、Cube类和泛型类

    2024-03-13 01:06:03       19 阅读
  6. Linux的目录结构(介绍主要的)

    2024-03-13 01:06:03       20 阅读
  7. Android主界面多Tab实现方式

    2024-03-13 01:06:03       19 阅读
  8. android so载入过程

    2024-03-13 01:06:03       19 阅读
  9. Vue3:ref和reactive实现响应式数据

    2024-03-13 01:06:03       24 阅读
  10. LeetCode--代码详解 146.LRU缓存

    2024-03-13 01:06:03       24 阅读
  11. Lwip之TCP服务端示例记录(1对1)

    2024-03-13 01:06:03       20 阅读
  12. swagger-ui页面设置接口请求头head参数

    2024-03-13 01:06:03       19 阅读
  13. .NET Core 日志记录功能详解

    2024-03-13 01:06:03       17 阅读