localstorage,sessionstorage,cookie,vuex 异同及主要应用

1，localStorage   

 a, localStorage会可以将第一次请求的数据以文件的形式存储到本地，永久保存，这个相当于一个5M大小的针对于前端页面的数据库

 b,本质上是对字符串的读取，如果存储内容多的话会消耗内存空间，会导致页面变卡

 c,在浏览器的隐私模式下面是不可读取的

 d,在IE8以上的IE版本才支持localStorage这个属性。

 e,不能被爬虫抓取到

 

2，sessionStorage

 a,会话级存储，页面关闭后，就清除掉

 

3,cookie

称之为回话跟踪技术，就是在会话中跟踪记录一些状态。cookie就可以在一次会话从开始到结束的整个过程，全程跟踪客户端状态（eg:登录，购物车，是否下载）

cookie的特点：只能存储文本；单条存储有大小限制4KB左右；数量限制 ， 一般浏览器，限制大概在50条左右；读取有域名限制；时效限制；路径限制

4,vuex 

 a,专为vue.js 应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式放生变化

 

q:用localstorage 还是vuex?  a:对于不变的数据 storage 可以 代替vuex,但是当两个及以上的组件共用一个数据源（数组或对象）时，一个组件改变了该数据源，希望另一个组件响应该变化时，localStorage/sessionStorage 无法做到，原因就在4.

q:localstorage 和 sessionstorage 区别 localStorage属于永久性存储， sessionStorage属于当会话结束的时候，sessionStorage中的键值对会被清空

q:html5中使用localStorage存储的数据放在哪个文件里 a: https://blog.csdn.net/u013314786/article/details/46901909

 

 

本地存储存放位置 mac? /Users/xuguanghui/Library/Application Support/Google/Chrome/Default/Local Storage/leveldb/004153.ldb

                        windows C:\Users\unive\AppData\Local\Google\Chrome\User Data\Default\Local Storage

 

参考文档

1，https://www.cnblogs.com/bcmhyx/p/12341831.html

2，https://www.cnblogs.com/jsanntq/p/9288144.html