MUI - 封装localStorage与plus.storage
MUI - 封装localStorage与plus.storage 2.0版本
在使用plus.storage频繁地存取数据时,可以感觉到明显的卡顿,而且很耗内存,
在切换到localstorage时虽然效率很高,页面渲染速度明显变快了,且手机发热不明显,不过又遇到了存储瓶颈(一般<=5M),
因此折中采取了plus.storage与localStorage混合的方案:
当localStorage达到存储瓶颈时切换到plus.storage
封装的方法基本上和plus.storage
没区别。关于plus.storage
参考http://www.html5plus.org/doc/zh_cn/storage.html
接口
-
getItem
通过键key
检索获取应用存储的值var item=myStorage.getItem(key);
- 参数
key
:DOMString
必选
存储的键值 - 返回值
DOMString
: 键key
对应应用存储的值,如果没有则返回null
。 - 说明:方法内部默认先从
localStorage
取值,没有再从plus.Storage
取值
- 参数
-
setItem
修改或添加键值(key-value)对数据到应用数据存储中void myStorage.setItem(key, value);
- 说明:方法默认将数据存储在
localStorage
中,超出localStorage
容量限制则存到plus.storage
中
- 说明:方法默认将数据存储在
-
getLength
获取localStorage
中保存的键值对的个数var len=myStorage.getLength();
-
getLengthPlus
获取plus.storage
中保存的键值对的个数 -
removeItem
通过key
值删除键值对存储的数据void myStorage.removeItem();
-
clear
清除应用所有的键值对存储数据void myStorage.clear();
-
key
获取localStorage
键值对中指定索引值的key值var foo = myStorage.key(index);
-
keyPlus
获取plus.storage
键值对中指定索引值的key值var foo = myStorage.keyPlus(index);
-
getItemByIndex
通过键key
检索获取应用存储localStorage
的值var item=myStorage.getItemByIndex(index);
- 参数
index
:Number
必选 存储键值的索引 - 返回值
DOMString
: 键key
对应应用存储的值,如果没有则返回null
。
- 参数
-
getItemByIndexPlus
通过键key
检索获取应用存储的值var item=myStorage.getItemByIndexPlus(index);
- 参数
index
:Number
必选 存储键值的索引 - 返回值
DOMString
: 键key
对应应用存储的值,如果没有则返回null
。
- 参数
-
getItems
通过键key
检索获取应用存储的值var items=myStorage.getItems(key)
- 参数
key
:Number
可选 存储键值的索引 - 返回值
Array
:不传key
参则返回所有对象,否则返回含有该key的对象
- 参数
-
removeItemByKeys
清除指定前缀的存储对象void myStorage.removeItemBykeys(keys,cb)
- 参数
keys
:DOMString
或Array
, 必选keys
为String
,方法内部自动转换为Array
- 参数
cb
:Function
可选 回调函数
- 参数
说明
以上方法经常用到的还是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