localStorage PC浏览器（本地永久保存,除清空外）
sessionStorage PC浏览器（关闭窗口就清空数据）
浏览器存储操作
localStorage 永久存储
localStorage.setItem(key,value) 保存数据
localStorage.getItem(key)   获取数据
localStorage.removeItem(key)   删除数据
localStorage.clear();   删除全部数据
 sessionStorage临时存储
sessionStorage.setItem(key,value) 保存数据
sessionStorage.getItem(key)   获取数据
sessionStorage.removeItem(key)   删除数据
sessionStorage.clear();   删除全部数据

一、含义

通过浏览器对数据进行本地存储

二、cookies
浏览器查看：f12——Application——storage——cookies

1、特点

只能通过服务器访问
存储数量20条左右
存储事件默认为session时间，session会话控制（浏览器开启关闭时间）

2、设置cookie

document.cookie=“name=value”；存字符串

3、获取cookie

document.cookie:得到所有的存储信息，以；隔开，通过字符拆分成数组split()

4、修改已经存储的数据

重新覆盖

document.cookie=“name=111”;

document.cookie=“name=aaa”；

5、修改存储时间

document.cookie=“name=value，expires=时间”；

例如设置一年：

var data=new Date();

data.setFullYear=(data.getFullYear()+1);

如何删除时间只能让存储时间过期

ps:只能获取同一个文件的存储信息

封装调用cookie
Local Storage
1、设置

window.localStorage.setItem(key,value)

window.localStorage.setItem(‘user’,‘pI’)

2、适用范围，同一个IP都可以查看，本地和服务器访问都可以
3、存储数量大约5M
4、如何获取

window.localStorage.getItem('user):得到value

5、存储时间：一旦存储，永远存在
6、删除存储

window.localStorage.removeItem(‘user’)

7、清空

window.localStorage.clear()

8、将对象换成字符串

JSON.stringify(参数)

参数：需要转换的字符串，字符串变对象

9、将字符串换成对象

JSON.parse(参数)

参数：需要转换的对象，字符串变字符串

三、sessionStorage:只能存session时间，其他与localStorage使用

1.浏览器本地存储与服务器端存储之间的区别
其实数据既可以在浏览器本地存储，也可以在服务器端存储。
浏览器端可以保存一些数据，需要的时候直接从本地获取，sessionStorage、localStorage和cookie都由浏览器存储在本地的数据。
服务器端也可以保存所有用户的所有数据，但需要的时候浏览器要向服务器请求数据。

1.服务器端可以保存用户的持久数据，如数据库和云存储将用户的大量数据保存在服务器端。

2.服务器端也可以保存用户的临时会话数据。服务器端的session机制，如jsp的 session 对象，数据保存在服务器上。实现上，服务器和浏览器之间仅需传递session id即可，服务器根据session id找到对应用户的session对象。会话数据仅在一段时间内有效，这个时间就是server端设置的session有效期。
服务器端保存所有的用户的数据，所以服务器端的开销较大，而浏览器端保存则把不同用户需要的数据分布保存在用户各自的浏览器中。

浏览器端一般只用来存储小数据，而服务器可以存储大数据或小数据。

服务器存储数据安全一些，浏览器只适合存储一般数据。
2.浏览器http缓存控制
http缓存分为清缓存和协商缓存
1）强缓存




强缓存中的Expires



强缓存中的Cache-Control，弥补EXpires的不足


2）协商缓存

数据既可以在浏览器本地存储，也可以在服务器端存储。
浏览器端可以保存一些数据，需要的时候直接从本地获取，sessionStorage、localStorage和cookie都由浏览器存储在本地的数据。服务器端也可以保存所有用户的所有数据，但需要的时候浏览器要向服务器请求数据。
1.服务器端可以保存用户的持久数据，如数据库和云存储将用户的大量数据保存在服务器端。
2.服务器端也可以保存用户的临时会话数据。服务器端的session机制，如jsp的 session 对象，数据保存在服务器上。实现上，服务器和浏览器之间仅需传递session id即可，服务器根据session id找到对应用户的session对象。会话数据仅在一段时间内有效，这个时间就是server端设置的session有效期。
 
服务器端保存所有的用户的数据，所以服务器端的开销较大，而浏览器端保存则把不同用户需要的数据分布保存在用户各自的浏览器中。
浏览器端一般只用来存储小数据，而服务器可以存储大数据或小数据。
服务器存储数据安全一些，浏览器只适合存储一般数据。
转载于:https://www.cnblogs.com/lyxverycool/articles/6612602.html