HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了HTML5移动开发实战必备知识——本地存储(2)大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

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

本地存储分为三大类: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用法

大佬总结

以上是大佬教程为你收集整理的HTML5移动开发实战必备知识——本地存储(2)全部内容,希望文章能够帮你解决HTML5移动开发实战必备知识——本地存储(2)所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: