Weex内置模块——storage模块

Posted 让知识成为资产

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Weex内置模块——storage模块相关的知识,希望对你有一定的参考价值。

weex内置了一些功能模块,可以通过require(‘@weex-module/xxx’);

或weex.requireModule(‘xxx’); 调用模块,从而使用模块中封装好的API。

storage模块

storage是一个在前端比较常用的模块,可以对本地数据进行存储、修改、删除,并且该数据是永久保存的,除非手动清除或者代码清除。
但是,storage模块有一个限制就是浏览器端(H5)只能存储小于5M的数据,因为在浏览器端的实现是采用html5 LocalStorage API。而androidios 这块是没什么限制的。
Storage常用在一些被用户经常查询,但是又不频繁更新的数据,比如登录记住用户名密码、搜索历史、用户的订单列表等。
搜索历史一般情况都是作为本地数据存储的,因此使用storage比较合适。而用户订单列表是需要本地存储和服务器端检索配合的场景。
当一个用户下单后,会经常查阅个人的订单列表。但是,订单的列表数据不是频繁更新的,往往只有在收到货品时,才更新“已签收”,其余平时的状态是“已发货”。因此,可以使用storage存储订单列表,可以减少服务器的压力,例如减少SQL查询或者缓存的压力。当用户查看订单详情的时候,再更新数据状态。


storage 提供了一系列的 API供我们调用。我们只需要引入该模块,然后调用对应的 API 即可。

setItem(key, value, callback)

该方法可以通过键值对的形式将数据存储到本地。同时可以通过该方法,更新已有的数据。

参数
key {string}:要存储的键,不允许是””或null
value {string}:要存储的值,不允许是””或null
callback {function(e)}:执行操作成功后的回调

  • e.result:表示设置是否成功,如果成功返回”success”

  • e.data:undefined表示设置成功,invalid_param表示key/value为””或者null

可以通过e对象两个属性(e.result和e.data)的返回值判断数据是否插入成功。


getItem(key, callback)

传入键名返回对应的键值

参数
key {string}:要获取的值的名称,不允许是””或null
callback {function(e)}:执行操作成功后的回调

  • e.result:表示设置是否成功,如果成功返回”success”

  • e.data:获取对应的键值字符串,如果没有找到则返回undefined


removeItem(key, callback)

传入一个键名将会删除本地存储中对应的键值

参数
key {string}:要删除的值的名称,不允许是””或null
callback {function(e)}:执行操作成功后的回调

  • e.result:表示删除是否成功,如果成功返回”success”

  • e.data:undefined表示删除成功


length(callback)

返回本地存储的数据中所有存储项数量的整数

参数
key {string}:要获取的值的名称,不允许是””或null
callback {function(e)}:执行操作成功后的回调

  • e.result:表示设置是否成功,如果成功返回”success”

  • e.data:当前已存储项的数量


getAllKeys(callback)

返回一个包含全部已存储项键名的数组

参数
callback {function(e)}:执行操作成功后的回调

  • e.result:表示设置是否成功,如果成功返回”success”

  • e.data:所有键名组成的数组



更多内容,长按二维码关注

上文:

以上是关于Weex内置模块——storage模块的主要内容,如果未能解决你的问题,请参考以下文章

Angular的内置模块

Python入门之模块——第2关:内置模块中的内置函数

Python入门之模块——第2关:内置模块中的内置函数

python内置模块

python笔记--内置模块

nodejs 全局变量和内置模块