40.微信小程序(API--基础、路由、缓存、媒体)

微信小程序(API–基础、路由、缓存、媒体)

大纲

(1)基础 API
(2)路由API
(3)数据缓存API
(4)媒体API

(1)基础API—系统

获取系统信息
wx.getSystemInfo(Object object)与wx.getSystemInfoSync(Object object)
40.微信小程序(API--基础、路由、缓存、媒体)
wx.getSystemInfoSync为同步API,即wx.getSystemInfo的同步版

success参数:

40.微信小程序(API--基础、路由、缓存、媒体)

异步获取系统信息wx.getSystemInfo(Object object)

40.微信小程序(API--基础、路由、缓存、媒体)

同步获取系统信息wx.getSystemInfoSync(Object object)

40.微信小程序(API--基础、路由、缓存、媒体)

(2)调试API

console系列:向调试面板中打印日志。console 是一个全局对象,可以直接访问。在微信客户端中,向 vConsole 中输出日志。
40.微信小程序(API--基础、路由、缓存、媒体)

(3)定时器API

40.微信小程序(API--基础、路由、缓存、媒体)

路由API

(1)路由API

40.微信小程序(API--基础、路由、缓存、媒体)

(2)路由小结:

wx.navigateTo为打开新页面,会增加页面栈大小,直到页面栈大小为10
wx.redirectTo为页面重定向,不会增加页面栈大小
wx.navigateBack为页面回退,会减少页面栈大小,直到页面栈大小为1
wx.switchTab为跳转tabBar页面专用API
wx. reLaunch为重新启动,关闭所有页面,可以打开任意页面

数据缓存API

(1)设置本地存储

wx.setStorage(Object object)与同步wx.setStorageSync(string key, any data)

将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理,否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。
40.微信小程序(API--基础、路由、缓存、媒体)

wx.setStorage参数

40.微信小程序(API--基础、路由、缓存、媒体)

wx.setStorage(Object object)与同步wx.setStorageSync(string key, any data)40.微信小程序(API--基础、路由、缓存、媒体)

案例:同步wx.setStorageSync(string key, any data)
40.微信小程序(API--基础、路由、缓存、媒体)
此时点击按钮时便会在控制台看到本地存储信息40.微信小程序(API--基础、路由、缓存、媒体)

(2)移除指定存储

wx.removeStorage(Object object)与同步wx.removeStorageSync(string key)
wx.removeStorage从本地缓存中移除指定 key

40.微信小程序(API--基础、路由、缓存、媒体)
40.微信小程序(API--基础、路由、缓存、媒体)
案例:同步wx.removeStorageSync()40.微信小程序(API--基础、路由、缓存、媒体)
此时点击按钮时便会在控制台看到,清除了对应key的本地存储信息40.微信小程序(API--基础、路由、缓存、媒体)

(3)获取指定存储

wx.getStorage(Object object)与同步wx.getStorageSync(string key)
wx.getStorage()用于从本地缓存中异步获取指定 key 的内容40.微信小程序(API--基础、路由、缓存、媒体)

(4)获取所有缓存

wx.getStorageInfo(Object object)与同步wx.getStorageInfoSync(Object object)
wx.getStorageInfo(Object object)异步获取当前storage的相关信息

40.微信小程序(API--基础、路由、缓存、媒体)

wx.getStorageInfo参数success成功的参数

40.微信小程序(API--基础、路由、缓存、媒体)

wx.getStorageInfo(Object object)与同步wx.getStorageInfoSync(Object object)

40.微信小程序(API--基础、路由、缓存、媒体)

同步wx.getStorageInfoSync(Object object)步获取当前storage的相关信息

40.微信小程序(API--基础、路由、缓存、媒体)

(5)清除所有缓存

wx.clearStorage(Object object)与同步wx.clearStorageSync()
wx.clearStorage(Object object)清理本地数据缓存40.微信小程序(API--基础、路由、缓存、媒体)

40.微信小程序(API--基础、路由、缓存、媒体)

同步wx.clearStorageSync()清理本地数据缓存

40.微信小程序(API--基础、路由、缓存、媒体)
此时点击按钮便可以清除所有缓存。

媒体API

(1)图片—全屏预览API

wx.previewImage(Object object)在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。
40.微信小程序(API--基础、路由、缓存、媒体)
40.微信小程序(API--基础、路由、缓存、媒体)
测试图片链接:
https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2174909441,2495215020&fm=26&gp=0.jpg
除了图片外还有其他常用API包含视频、音频、背景音乐、录音、相机、富文本等。
在开发中阅读开发文档编写代码即可

如有问题或者疑问请留言联系小编!!!!

感谢来访!!!