前端缓存

<1>localStorage

生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。

localStorage.setItem("key","value");//以“key”为名称存储一个值“value”

localStorage.getItem("key");//获取名称为“key”的值

localStorage.removeItem("key");//删除名称为“key”的信息。

localStorage.clear();​//清空localStorage中所有信息

//eg：
var localStorage = window["localStorage"]; //申明
localStorage.setItem("admin", "123456"); //赋值
localStorage.setItem("pwd", "123456"); //赋值
localStorage.removeItem("admin") 删除admin缓存
localStorage.clear(); //清空localStorage缓存
sessionStorage.getItem("Test"); //取值

　　

<2>SessionStorage

仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。源生接口可以接受，亦可再次封装来对Object和Array有更好的支持。

用法和localStorage几乎一致

var sessionStorage = window["sessionStorage"];
sessionStorage.setItem("Test", "1234");
sessionStorage.getItem("Test");

　存放到客户端　

var sessionStorage = window.sessionStorage;
sessionStorage.setItem("username", name);