缓存相关总结

1 cookie:

（1）项目中存cookie相关代码

cookie存储

let thisUrl = window.location.hostname;
let domain = parseDomain(thisUrl);
let exp = new Date();
exp.setTime(exp.getTime() + 365 * 60 * 24 * 60 * 1000);
document.cookie = "mobile=" + mobile + ";path=/;domain=" + domain + ";expires=" + exp.toGMTString();
var parseDomain = function(str) {
		if (!str) return '';
		if (str.indexOf('://') != -1) str = str.substr(str.indexOf('://') + 3);
		var topLevel = ['com', 'net', 'org', 'gov', 'edu', 'mil', 'biz', 'name', 'info', 'mobi', 'pro', 'travel', 'museum', 'int', 'areo', 'post', 'rec'];
		var domains = str.split('.');
		if (domains.length <= 1) return str;
		if (!isNaN(domains[domains.length - 1])) return str;
		var i = 0;
		while (i < topLevel.length && topLevel[i] != domains[domains.length - 1]) i++;
		if (i != topLevel.length) return domains[domains.length - 2] + '.' + domains[domains.length - 1];
		else {
			i = 0;
			while (i < topLevel.length && topLevel[i] != domains[domains.length - 2]) i++;
			if (i == topLevel.length) return domains[domains.length - 2] + '.' + domains[domains.length - 1];
			else return domains[domains.length - 3] + '.' + domains[domains.length - 2] + '.' + domains[domains.length - 1];
		}

	};

cookie读取：getCookie('mobile');

function getCookie(objName) {

    var arrStr = document.cookie.split("; ");

    for (var i = 0; i < arrStr.length; i++) {

        var temp = arrStr[i].split("=");

        if (temp[0] == objName) {

            return decodeURI(temp[1])

        }

    }

}

(2)cookie缺点

        1cookie可能被禁用；（后台可以给cookie设置httponly,设置后js将读取不到cookie）
        2cookie与浏览器相关，不能互相访问；
        3cookie可能被用户删除；
        4cookie安全性不够高；
        5cookie存储空间很小(只有4–10KB左右)（主要用于存购物车和登录相关信息）
        6cookie存储数据为字符串类型，如果为对象形式，需要进行数据类型转换

(3)cookie优点

cookie机制将信息存储于用户硬盘，因此可以作为跨页面全局变量

2 localstorage

是以键值对的形式存储，永久存储，永不失效，除非手动删除，大小为5M。

（1）如何使用

（2）优缺点：

优点：

1、localStorage拓展了cookie的4K限制

2、localStorage会可以将第一次请求的数据直接存储到本地，这个相当于一个5M大小的针对于前端页面的数据库，相比于cookie可以节约带宽，但是这个却是只有在高版本的浏览器中才支持的

缺点：

1、浏览器的大小不统一，并且在IE8以上的IE版本才支持localStorage这个属性

2、目前所有的浏览器中都会把localStorage的值类型限定为string类型，这个在对我们日常比较常见的JSON对象类型需要一些转换

3、localStorage在浏览器的隐私模式下面是不可读取的

4、localStorage本质上是对字符串的读取，如果存储内容多的话会消耗内存空间，会导致页面变卡

5、localStorage不能被爬虫抓取到

3 sessionstorage

4 indexDB: