小云菜
小云菜
  • 发布:2016-02-24 19:16
  • 更新:2021-05-17 13:02
  • 阅读:54258

MUI - 封装localStorage与plus.storage

分类:MUI

更好的预览效果看这http://www.cnblogs.com/phillyx/p/4761364.html
在使用plus.storage频繁地存取数据时,可以感觉到明显的卡顿,而且很耗内存,
在切换到localstorage时虽然效率很高,页面渲染速度明显变快了,且手机发热不明显,不过又遇到了存储瓶颈(一般<=5M),
因此折中采取了plus.storage与localStorage混合的方案:
当localStorage达到存储瓶颈时切换到plus.storage

封装的方法基本上和plus.storage没区别。关于plus.storage参考http://www.html5plus.org/doc/zh_cn/storage.html

接口

  1. getItem
    通过键key检索获取应用存储的值

    var item=myStorage.getItem(key);
    • 参数key: DOMString必选
      存储的键值
    • 返回值DOMString : 键key对应应用存储的值,如果没有则返回null
    • 说明:方法内部默认先从localStorage取值,没有再从plus.Storage取值
  2. setItem
    修改或添加键值(key-value)对数据到应用数据存储中

    void myStorage.setItem(key, value);
    • 说明:方法默认将数据存储在localStorage中,超出localStorage容量限制则存到plus.storage
  3. getLength
    获取localStorage中保存的键值对的个数

    var len=myStorage.getLength();
  4. getLengthPlus
    获取plus.storage中保存的键值对的个数

  5. removeItem
    通过key值删除键值对存储的数据

    void myStorage.removeItem();
  6. clear
    清除应用所有的键值对存储数据

    void myStorage.clear();
  7. key
    获取localStorage键值对中指定索引值的key值

    var foo = myStorage.key(index);
  8. keyPlus
    获取plus.storage键值对中指定索引值的key值

    var foo = myStorage.keyPlus(index);
  9. getItemByIndex
    通过键key检索获取应用存储localStorage的值

    var item=myStorage.getItemByIndex(index);
    • 参数index: Number必选 存储键值的索引
    • 返回值DOMString : 键key对应应用存储的值,如果没有则返回null
  10. getItemByIndexPlus
    通过键key检索获取应用存储的值

    var item=myStorage.getItemByIndexPlus(index);
    • 参数index: Number必选 存储键值的索引
    • 返回值DOMString : 键key对应应用存储的值,如果没有则返回null
  11. getItems
    通过键key检索获取应用存储的值

    var items=myStorage.getItems(key)
    • 参数 key: Number可选 存储键值的索引
    • 返回值Array:不传key参则返回所有对象,否则返回含有该key的对象
  12. removeItemByKeys
    清除指定前缀的存储对象

    void myStorage.removeItemBykeys(keys,cb)
    • 参数keysDOMStringArray, 必选 keysString,方法内部自动转换为Array
    • 参数cbFunction 可选 回调函数

说明

以上方法经常用到的还是getItem setItem
getItems在测试或控制台查看时倒是偶尔用得到
removeItemBykeys是结合本地文件common.cache.clear缓存清除时一齐使用的


代码已分享到github
地址在https://github.com/phillyx/MUIDemos/tree/master/js/myStorage.js
也可直接使用压缩后的代码https://github.com/phillyx/MUIDemos/tree/master/dist/common.js

12 关注 分享
DCloud_heavensoft BoredApe 愉悦的筱恩 若末lan 1***@qq.com 3***@qq.com Warn 7***@qq.com Trust 逞英雄 shh088 1***@qq.com

要回复文章请先登录注册

7***@qq.com

7***@qq.com

压缩包损坏了,能不能更新一下
2021-05-17 13:02
5***@qq.com

5***@qq.com

荣耀20pro 关闭程序大概15分钟 在重新打开程序 通过plus.storage.setItem('token', arguments[0]);保存的数据被清空了
2019-09-04 17:20
2***@qq.com

2***@qq.com

在ios上,发现有的手机有时候会出现“隔几个小时候后就取不到之前存的数据“的情况,请问下该怎么解决
2019-05-06 15:22
Tiffany

Tiffany

mark
2019-01-16 09:30
7***@qq.com

7***@qq.com

mark
2018-09-11 16:31
秋天无风

秋天无风

这个可以有。
2017-11-16 14:32
3***@qq.com

3***@qq.com

mark
2017-08-31 14:34
1***@qq.com

1***@qq.com

Mark
2017-03-25 16:09
逸风

逸风

mark
2017-02-21 13:58
gmmx133

gmmx133

mark
2017-02-11 17:09