web端缓存临时数据

作者: grace_lbh | 来源:发表于2016-07-13 10:08 被阅读68次

sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。

localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。

web storage和cookie的区别

1、前者数据不受限,cookie存储大小受限

2、每次请求cookie都会发送到服务,浪费宽带

3、cookie访问受作用域限制

4、web storage有自己的setItem,getItem,removeItem,clear等方法,cookie需要前段自己开发set、get方法

5、web storage 只是为了在本地存储数据,cookie作为与服务器的交互不可或缺,作为http的一部分

localStorage和sessionStorage使用

setItem存储value

用途:将value存储到key字段
用法:.setItem( key, value)

sessionStorage.setItem("key", "value"); 	localStorage.setItem("site", "js8.in");

getItem获取value

用途:获取指定key本地存储的值
用法:.getItem(key)
代码示例:

	var value = sessionStorage.getItem("key"); 	var site = localStorage.getItem("site");

removeItem删除key

用途:删除指定key本地存储的值
用法:.removeItem(key)
代码示例:

	sessionStorage.removeItem("key"); 	localStorage.removeItem("site");

clear清除所有的key/value

用途:清除所有的key/value
用法:.clear()
代码示例:

	sessionStorage.clear(); 	localStorage.clear();

相关文章

  • web端缓存临时数据

    sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访...

  • HTTP缓存机制 & cookie/localStorage/s

    web缓存大致可以分为:数据库数据缓存、服务器端缓存(代理服务器缓存、CDN缓存)、浏览器端缓存、web应用层缓存...

  • Web 缓存

    Web 缓存的作用与类型 数据库缓存memcached redis 服务端缓存代理服务器缓存squidCDN缓存(...

  • Web缓存与策略

    Web缓存定义 Web缓存(或HTTP缓存)是用于临时存储(缓存)Web文档(如HTML页面和图像),以减少服务器...

  • HTTP 缓存控制

    Web 缓存 数据库缓存、服务器端缓存(代理服务器缓存、CDN 缓存)、浏览器(HTTP)缓存 浏览器缓存(本地储...

  • HTTP缓存

    Web 缓存大致可以分为:数据库缓存、服务器端缓存(代理服务器缓存、CDN 缓存)、浏览器缓存。 浏览器缓存也包含...

  • 一文了解浏览器缓存

    什么是浏览器缓存 Web缓存是指一个Web资源(如html页面,图片,js,数据等)存在于Web服务器和客户端(浏...

  • HTTP缓存机制

    简介 web缓存大致可以分为:数据库缓存,服务器端缓存(代理服务器缓存,CDN缓存),浏览器缓存。浏览器缓存也包含...

  • web缓存

    2018-06-01web端的(http 304.。。)缓存有哪几种,怎么用?数据库缓存mangoDB,代理服务...

  • Web浏览器的缓存机制

    原文转载【Web缓存机制系列】2 – Web浏览器的缓存机制 浏览器端的缓存规则 对于浏览器端的缓存来讲,这些规则...

网友评论

    本文标题:web端缓存临时数据

    本文链接:https://www.haomeiwen.com/subject/fimsjttx.html