一、Token 一般是存放在哪里? Token 放在 cookie 和放在localStorage、sessionStorage 中有什么不同?
localStorage生命周期是永久，除非主动清除localStorage信息，否则这些信息将永远存在。
存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。
// 1、保存数据到本地
// 第一个参数是保存的变量名，第二个是赋给变量的值
localStorage.setItem('Author', 'local');
// 2、从本地存储获取数据
localStorage.getItem('Author');
// 3、从本地存储删除某个已保存的数据
localStorage.removeItem('Author');
// 4、清除所有保存的数据
localStorage.clear();
sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。
存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。
// 1、保存数据到本地
// 第一个参数是保存的变量名，第二个是赋给变量的值
sessionStorage.setItem('Author', 'session');
// 2、从本地存储获取数据
sessionStorage.getItem('Author');
// 3、从本地存储删除某个已保存的数据
sessionStorage.removeItem('Author');
// 4、清除所有保存的数据
sessionStorage.clear();
复杂数据存储
上面都是对于简单的数据类型的存储，但当要存储的数据是一个对象或是数组的时候，直接存储是不行的
这个时候，就需要转换数据格式。
存储数据前：利用JSON.stringify将对象转换成字符串
获取数据后：利用JSON.parse将字符串转换成对象
var user = {
username: 'liu',
password: '123456'
};
user = JSON.stringify(user);
sessionStorage.setItem('user', user);
var account = sessionStorage.getItem('user');
console.log(account);
account = JSON.parse(account)
console.log(account);
cookie机制：如果不在浏览器中设置过期事件，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称为会话cookie。如果在浏览器中设置了cookie的过期事件，cookie会被保存在硬盘中，关闭浏览器后，cookie数据仍然存在，直到过期事件结束才消失。cookie是服务端发给客户端的特殊信息，cookie是以文本的方式保存在客户端，每次请求时都带上它
保存用户登录状态
跟踪用户行为
定制页面
创建购物车：使用cookie来记录用户需要购买的商品，再结帐的时候可以统一提交。(淘宝网就是使用cookie记录了用户曾经浏览过的商品，方便随时进行比较)
// 1、保存数据到本地
// 第一个参数是保存的变量名，第二个是赋给变量的值
//保存cookie
//参数：cookie名,cookie值,有效时长(单位：天)
function saveCookie(cookieName, cookieValue, cookieDates)
{
var d = new Date(); d.setDate(d.getDate() + cookieDates);
document.cookie = cookieName + "=" + cookieValue + ";
expires=" + d.toGMTString();
}
cookie的获取
function getCookie(cookieName)
{
var cookieStr = unescape(document.cookie);
var arr = cookieStr.split("; "); v
ar cookieValue = "";
for (var i = 0; i < arr.length; i++)
{
var temp = arr[i].split("=");
if (temp[0] == cookieName)
{
cookieValue = temp[1]; break; }
}
return cookieValue;
}
//删除cookie
function removeCookie(cookieName)
{
document.cookie = encodeURIComponent(cookieName) +“=;
expires =” + new Date();
}
cookie缺点：
大小受限
用户可以操作（禁用）cookie，使功能受限
安全性较低
有些状态不可能保存在客户端。
每次访问都要传送cookie给服务器，浪费带宽。
cookie数据有路径（path）的概念，可以限制cookie只属于某个路径下。
l
二、WebSocket 是怎么实现点对点通信和广播通信的？
Token 其实就是访问资源的凭证。
一般用户通过用户名和密码登录成功后，服务器将登录凭证做数字签名，加密之后得到的字符串作为token。
客户端主要存储方式：
-
存储在localstorage中，每次调用接口的时候都把它当成一个字段传给后台
-
存储再cookie中，让它自动发送，不过缺点就是不能跨域
-
拿到存储cookie中，每次调用接口放在http请求头的Authorization 字段里
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。
现在，很多网站为了实现推送技术，所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP请求，然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点，即浏览器需要不断的向服务器发出请求，然而HTTP请求可能包含较长的头部，其中真正有效的数据可能只是很小的一部分，显然这样会浪费很多的带宽等资源。
HTML5 定义的 WebSocket 协议，能更好的节省服务器资源和带宽，并且能够更实时地进行通讯。
网友评论