uni-app本地存储

  sre

5ffc5d6b520f94147.jpg_fo742.jpg

uni.storage的键值对存储,这个是全端支持的。

uni-app的Storage在不同端的实现不同,
uni.storage在app侧,映射为plus.storage;h5侧映射为localstorage;
各个小程序平台映射为其自带的storage键值对存储:

H5端为localStorage,浏览器限制5M大小,是缓存概念,可能会被清理

App端为原生的plus.storage,无大小限制,不是缓存,持久化

各个小程序端为其自带的storage api,数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则数据都一直可用。

微信小程序单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。

支付宝小程序单条数据转换成字符串后,字符串长度最大200*1024。同一个支付宝用户,同一个小程序缓存总上限为10MB。

百度、头条小程序文档未说明大小限制

常见的平台差异处理(目前仅对微信小程序和H5)

H5页面底部菜单是包含在页面高度内的,如果postion置为fixed的话,bottom: 0; 需要写成bottom: var(–window-bottom);

登陆逻辑需要用在模版里插入条件编译,逻辑里需要注入不同的登陆方法

<!-- #ifdef H5 -->
H5登陆
<!-- #endif -->
<!-- #ifndef H5 -->
其它平台登陆
<!-- #endif -->

非H5端默认并未启用 scoped,如需要隔离组件样式可以在 style 标签增加 scoped 属性,H5端为了隔离页面间的样式默认启用了 scoped

在所有的tabbar页面跳转都要用navigateto,来确保tabbar的list不发生任何改变,而小程序不受影响(出现的异常是在h5中tabbar页面用redirect跳转到非tabbar页面,底部菜单仍存在)

LEAVE A COMMENT

Captcha Code