localStorage和sessionStorage都是window对象提供的全局属性,用途都是在浏览器中存储key/value对的数据。 从使用的角度来看,两者的唯一区别在于时效性。 sessionStorage在关闭窗口或标签页之后将会删除这些数据。 而localStorage则没有这样的特性 ...
分类:
其他好文 时间:
2020-06-29 13:25:37
阅读次数:
49
特性CookielocalStoragesessionStorage 数据的生命期 一般由服务器生成,可设置失效时间。如果在浏览器端生成Cookie,默认是关闭浏览器后失效 除非被清除,否则永久保存 仅在当前会话下有效,关闭页面或浏览器后被清除 存放数据大小 4K左右 一般为5MB 与服务器端通信 ...
分类:
其他好文 时间:
2020-06-25 20:00:00
阅读次数:
63
存储生命周期 cookie 具有有效期的,设置有效时间expires选项时,浏览器关闭依然存在硬盘。 短暂性的,没有设置有效时间expires选项时,浏览器关闭后或者页面关闭后就删除cookie。 这就是为什么当你登录一个Web应用时经常会看到一个复选框,询问你是否记住登录信息:如果你勾选了复选框, ...
分类:
其他好文 时间:
2020-06-24 16:07:17
阅读次数:
65
? window.sessionStorage ? window.localStorage 1. 本地存储 随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经 常性在本地存储大量的数据,HTML5规范提出了相关解决方案。 本地存储特性 1、数据存储在用 ...
分类:
其他好文 时间:
2020-06-24 10:29:22
阅读次数:
45
当更改了用户信息后,需要刷新页面或者组件。 1.当前组件刷新。定义一个请求用户信息的方法,在需要时调用: sessionStorage.setItem('userInfo',JSON.stringify(this.userInfo)); 2.刷新父组件。 子组件某个需要的地方: this.$emit ...
分类:
其他好文 时间:
2020-06-20 15:59:56
阅读次数:
361
cookie 本来用于客户端和服务端通信, 但是因为它有本地存储的功能,于是被“借用”了。 使用方法 document.cookie 获取和修改即可 缺点 存储量太少,只有4kb 所有http请求都带着,会影响获取资源的效率。 API简单,需要封装才能使用。 localStorage和session ...
分类:
Web程序 时间:
2020-06-20 15:43:50
阅读次数:
59
1、LocalStorage与SessionStorage的主要区别: LocalStorage除非主动删除(例如清除缓存或者removeItem,clear等操作),否则会永久存储在浏览器中。 SessionStorage只在当前所在窗口关闭前有效,窗口关闭后其存储数据也就会被自动清除。 2、上面 ...
分类:
其他好文 时间:
2020-06-17 19:49:35
阅读次数:
62
localstorage、sessionstorage 存储布尔值要注意 localstoragesessionstorage 存取数据方式: 存储字符、数字、布尔值等 存:localstorage.setItem('key', key-value); 取:localstorage.getItem( ...
分类:
其他好文 时间:
2020-06-08 12:19:15
阅读次数:
108
案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume ...
分类:
其他好文 时间:
2020-06-08 10:46:29
阅读次数:
65
localStorage简介 使用localStorage可以在浏览器中存储键值对的数据。经常被和localStorage一并提及的是sessionStorage,它们都可以在当浏览器中存储键值对的数据。但是它们之间的区别是:存储在localStorage的数据可以长期保留;而当页面会话结束(也就是 ...
分类:
Web程序 时间:
2020-06-02 16:03:38
阅读次数:
128