HTML存储机制之WebStorage讲解

        其实在我看了安卓和HTMl后才知道，其实存储都是一样的，原理都一样，差别在哪呢，无非就是换了名字，就好比一个人大名叫“任我行”，小名就一大堆了，有些人可能会叫他”行行“，“我行”，“小行行”等。。。这个就和今天说的存储是一样的了，大名是“存储机制” ＝＝“任我行”，IOS会叫他“NSUserDefaults”＝＝“行行”，HTMl会叫他“WebStorage”＝＝“我行”，安卓会叫她“SharedProviences”＝＝“小行行”，对，就是这样，如果你懂iOS或者安卓，那么下边的讲解你就大致随便看下就可以了，如果不懂iOS和安卓的童鞋，那下边的内容你也得仔细看的哦。

webStorage 意思就是web存储，它分为两种：sessionStorage和LocalStorage。

那么这两种都是什么意思呢？他们之间有什么区别呢？

sessionStorage：将数据保存在session对象中，所谓session，是指用户在浏览某一个网站时，从进入网站到关闭网站的这段时间，session对象可以用来保存这段时间内的所要求保存的数据，网站关闭，session对象释放，数据自然就没有了。［临时保存］

LocalStorage：将数据保存在硬盘上，是永久保存（自己没删除的情况下和硬盘没有损坏的情况下），即使浏览器关闭了，数据还是存在那的，下次再打开网站的时候可以直接使用数据。［永久保存］

至于怎么保存，还是通过map的形式以键值对进行保存

sessionStorage：

保存数据：sessionStorage.setItem(key,value)

读取数据：sessionStorage.getItem(key).//通过key来取到对应的值

LocalStorage:

保存数据：localStorage.setItem(key,value)

读取数据:  localStorage.getItem(key)

warning:我们在保存的时候一定要记着key永远是唯一的，value可以不唯一，这就相当于一个班里总共50个同学，每个同学都有一个唯一的名字来标示自己，这个名字就相当于是key,如果班里有两个人重名（也就是有一样的key怎么办），没办法，只能重新命名一个key，这就相当于两个人都叫”田甜“，两个重复的key，怎么区分他们呢，只能一个叫“小田甜”,这就相当于是增加了key，以此来区分不同的对象（人）。

                Hope to help you!

技术交流群：141624834 进群请说你看的那篇博客，我们一起探讨成长