《微信小程序开发从入门到实战》学习七十二

6.6 网络API

6.6.6 网络状态API

使用wx.getNetworkType接口可了解到当前用户使用的网络类型,如WiFi和4G网络。示例代码如下:

wx.getNetworkType({

        success(res){

        const networkType = res.networkType  //网络类型

        }

})

networkType取值如下所示:

wifi:Wi-Fi网络

2g:2G网络

3g

4g

unknown:Android系统下不常见的网络类型

none:无网络

使用wx.onNetworkStatusChange接口可以监听用户的网络状态变化事件。示例代码如下:

wx.onNetworkStatusChange(function(res) {

        console.log(res.isConnected) //网络状态变化后,是否还有网络连接

        console.log(res.networkType) 

})

6.7数据缓存API

在小程序中,对一些需要从网络中获取不经常改变的数据,可以利用数据缓存API将数据保存在手机本地一段时间。可能会因为用户更换手机等原因丢失。

6.7.1 缓存数据API

使用wx.setStorageSync同步接口或wx.setStorage接口可将数据存储在本地缓存中指定的key中。接口使用代码如下:

// 异步接口,可使用三回调函数

wx.setStorage({

      key: "key",

      data: "value"

    })

    try {

      wx.setStorageSync('key','value')

    } catch (e) {

      // Do something when catch error

    }

key为保存数据的key,如果保存数据时key已经存在会被覆盖。单个key允许存储的最大数据为1MB,所有数据存储上限为10MB。

data为保存的数据,支持任意类型的数据。

相关推荐

  1. 程序开发入门实战学习

    2024-01-06 03:04:01       61 阅读
  2. 程序开发入门实战学习

    2024-01-06 03:04:01       59 阅读
  3. 程序开发入门实战学习

    2024-01-06 03:04:01       50 阅读
  4. 程序开发入门实战学习

    2024-01-06 03:04:01       60 阅读
  5. 程序开发入门实战学习

    2024-01-06 03:04:01       59 阅读
  6. 程序开发入门实战学习

    2024-01-06 03:04:01       48 阅读
  7. 程序开发入门实战学习

    2024-01-06 03:04:01       59 阅读
  8. 程序开发入门实战学习

    2024-01-06 03:04:01       52 阅读
  9. 程序开发入门实战学习

    2024-01-06 03:04:01       46 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-06 03:04:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-06 03:04:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-06 03:04:01       82 阅读
  4. Python语言-面向对象

    2024-01-06 03:04:01       91 阅读

热门阅读

  1. Unity组件开发--事件管理器

    2024-01-06 03:04:01       55 阅读
  2. vue中导航守卫有哪三种?分别有什么作用

    2024-01-06 03:04:01       64 阅读
  3. 01.PostgreSQL基本SELECT语句

    2024-01-06 03:04:01       72 阅读
  4. 1944. 队列中可以看到的人数

    2024-01-06 03:04:01       62 阅读
  5. labelstudio ocr标注数据解析

    2024-01-06 03:04:01       60 阅读
  6. CSS基础笔记-02动画

    2024-01-06 03:04:01       54 阅读