cookies，sessionStorage 和 localStorage 的区别？
1、cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会；
2、sessionStorage和localStorage的存储空间更大；
3、sessionStorage和localStorage有更多丰富易用的接口；
4、sessionStorage和localStorage各自独立的存储空间；
cookies的优点：
1.极高的扩展性和可用性通过良好的编程，控制保存在cookie中的session对象的大小。
2.通过加密和安全传输技术（SSL），减少cookie被破解的可能性。
3.只在cookie中存放不敏感数据，即使被盗也不会有重大损失。
4.控制cookie的生命期，使之不会永远有效。偷盗者很可能拿到一个过期的cookie。
cookies的缺点：
1.`Cookie`数量和长度的限制。每个domain最多只能有20条cookie，每个cookie长度不能超过4KB，否则会被截掉.
2.安全性问题。如果cookie被人拦截了，那人就可以取得所有的session信息。即使加密也与事无补，因为拦截者并不需要知道cookie的意义，他只要原样转发cookie就可以达到目的了。
3.有些状态不可能保存在客户端。例如，为了防止重复提交表单，我们需要在服务器端保存一个计数器。如果我们把这个计数器保存在客户端，那么它起不到任何作用。
web storage和cookie的区别
Web Storage的概念和cookie相似，区别是：
1、Web Storage是为了更大容量存储设计的。
2、Web Storage拥有setItem,getItem,removeItem,clear等方法，不像cookie需要前端开发者自己封装setCookie，getCookie。
3、Cookie的大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。
4、cookie也是不可以或缺的：cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生。
cookies设置，获取，删除的用法：
设置cookie:
function setCookie(name,value,day,path,domain,secure){
var cookieTxt=name+"="+value;
if(day){
ar date=new Date();
date.setDate(date.getDate()+day);
cookieTxt+=";expires="+date;
}
if(path){
cookieTxt+=";path="+path;
}
if(domain){
cookieTxt+=";domain="+domain;
}
if(secure){
cookieTxt+=";secure"
}
document.cookie=cookieTxt;
}
cookie获取:
function getCookie(name){
var start=0;
var end=0;
if(document.cookie.indexOf(name+"")!=-1){
start=document.cookie.indexOf(name+"");
end=document.cookie.indexOf(";",start);
if(end==-1){
end=document.cookie.length;
}
return document.cookie.substring(start+name.length+1,end);
}
}
cookie的删除：
function clearCookie(name) {
setCookie(name, "", -1);
}