（一）相同点：都存储在客户端 （二）不同点： 1.存储大小不同 cookie数据大小不能超过4k。 sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。 2.有效时间不同 localStorage 存储持久数据，浏览器关闭后数据 ...
分类：
其他好文 时间：
2019-09-12 13:05:12
阅读次数：
97
一、概念 什么是Cookie —— Cookie 是一些数据, 存储于你电脑上的文本文件中。 什么是 localStorage —— localStorage 是指将信息数据存储在客户端本地的硬件上，即使浏览器被关闭了，信息数据同样存在 什么是 sessionStorage —— sessionSt ...
分类：
其他好文 时间：
2019-09-12 12:55:57
阅读次数：
63
HTML5现在已经不是SGML的子集，主要是关于图像，位置，存储，多任务等功能的增加。 绘画canvas； 用于媒介回放的video和audio元素； 本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失； sessionStorage的数据在浏览器关闭后自动删除； 语义化更好的 ...
分类：
Web程序 时间：
2019-09-11 11:30:27
阅读次数：
109
sessionStorage和localStorage的基本用法 ...
分类：
其他好文 时间：
2019-09-09 10:32:29
阅读次数：
101
class StorageFn { constructor () { this.ls = window.localStorage; this.ss = window.sessionStorage; } /* cookie */ /*设置cookie*/ setCookie (name, value,... ...
分类：
其他好文 时间：
2019-09-08 09:22:50
阅读次数：
99
// 数据存储 cookie:生命周期一般是手动设置失效的时间,大小为4k,易用性不高,需要自己封装（封装请看上一篇博客） sessionStorage:生命周期是浏览器关闭接失效,大小为5m或者更大,易用性高,有原生的方法来写入/获取/删除 localStorage:如果不手动用removeIte ...
分类：
其他好文 时间：
2019-09-06 16:13:36
阅读次数：
115
前言 随着移动网络的发展与演化，我们手机上现在除了有原生 App，还能跑“WebApp”——它即开即用，用完即走。一个优秀的 WebApp 甚至可以拥有和原生 App 媲美的功能和体验。WebApp 优异的性能表现，有一部分原因要归功于浏览器存储技术的提升。cookie存储数据的功能已经很难满足开发 ...
分类：
数据库 时间：
2019-08-26 15:09:57
阅读次数：
103
主要代码router.tsrouter.beforeEach((to,from,next)=>{console.log(to,from)if(to.name!=="login"){if(sessionStorage.getItem("session")){next()}else{next(‘/login?form=‘+to.fullPath);}}next();})login.vue:sub
分类：
其他好文 时间：
2019-08-21 20:06:37
阅读次数：
79
vuex是大家使用vue时大多数都会选择的，但是当页面刷新之后vuex数据会丢失，因为页面刷新之后代码重新加载这样vuex的数据自然就会为空。怎么解决这个问题呢？vuex自身好像没有太好的解决方案,但是我们可以利用localStorage和sessionStorage对数据进行保存。这样这个问题就解 ...
分类：
其他好文 时间：
2019-08-19 19:04:24
阅读次数：
59
1 <!-- 2 sessionStorage的使用：存储数据到本地。存储的容量5mb左右 3 1.这个数据本质是储存在当前页面的内存中 4 2.他的生命周期为关闭当前页面，关闭页面，数据会自动清楚 5 6 setTtem(key,value):存储数据，以键值对的方式储存 7 getItem(ke... ...
分类：
其他好文 时间：
2019-08-18 20:01:08
阅读次数：
103
