cookie、sessionStorage和localStorage本地存储技术

cookie学习网址

https://www.runoob.com/js/js-cookies.html

https://blog.csdn.net/tanzongbiao/article/details/82527692?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~sobaiduend~default-1-82527692.nonecase&utm_term=%E4%B8%8D%E5%90%8C%E9%A1%B5%E9%9D%A2cookie%E5%85%B1%E7%94%A8&spm=1000.2123.3001.4430

修改cookie：setCookie(name, ' ', -1);

cookie的劣势

1、存储大小仅4kb左右

2、单个域名下的数量限制为50个左右

3、污染请求头，浪费流量

---

sessionStorage和localStorage

共同点：API（使用方法）相同、数据存储大小差不多 2-5Mb

不同点：localStorage持久有效，sessionStorage关闭窗口失效

使localstorage能够设置有效时间

localStorage实际上是一个挂载在window上的对象，可以输出看里面的方法

1、设置存储内容    localStorage.setItem(key,value)  设置完之后，对象里就多了键值对key ：value

2、获取存储内容    localStorage.getItem(key)    也可以通过对象的形式获取 localStorage.key

3、删除指定内容    localStorage.removeItem(key)

4、清除所有内容    localstorage.clear()

5、获取存储内容的个数    localstorage.length

另外还有一种本地存储技术：indexedDB，是H5的数据库，这个比较难，可以存储的容量很大，需要时学习（慕课网第二节里的H5）