HTML5移动开发实战必备知识——本地存储

Posted 2020-06-17 fareise

了解了一些基本的本地存储用法和思想后，我们来系统的介绍一下本地存储。

本地存储分为三大类：localStorage/sessionStorage/本地数据库

localStorage和sessionStorage二者的用法、所包含的函数、调用方法等都是相同的，二者仅仅是含义不同。其中，localStorage所存储的数据是长期有效的，而sessionStorage所存储的信息当每个会话（session）关闭时就会销毁（通俗的说就是页面关闭后数据自动销毁）。

由于二者的特性不同，因此应用的场景也有很大区别。通常，当我们需要存储一些用户配置项等一些需要长时间存储的数据信息时，需要使用localStorgae进行保存，利用了其时效长的特点。相应的，当我们需要实现类似购物车等基于session的功能时，就需要使用sessionStorage。

由于localStorage和sessionStorage的用法相同，因此我们以localStorage为例，介绍二者的方法。

1、         设置数据setItem

用法为localStorage.setItem(“key”, “value”)，表示将value值传递给key。(sessionStorage.setItem使用方法同理，下面不再一一介绍)

2、         获取数据getItem

用法为localStorage.getItem(“key”)，只要输入相应的key值，就可以从中取出对应的value值。

3、         删除特定的数据removeItem

用法为localStorage.removeItem(key)，删除key对应的数据。

4、         清空所有数据clear

用法为localStorage.clear()，表示清空所有存储系统中的数据。

    以上就是一些最基本的sessionStorage/localStorage用法。