<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>localstorage & sessionstorage & cookie & token</title>
</head>
<body>
<script>
let sessionstorage = `用于本地存储一个会话的数据，这些数据只有在同一会话中才能访问，并且当会话结束后，数据会销毁，会话级别的存储`;
let localstorage = `用于持久化的本地存储，除非主动删除数据，否则不会过期，`;
let session = `session是存储在服务器端的一组数据，sessionid存储在浏览器端，会把sessionid存储在cookie里，session是验证用户身份的，
浏览器发送请求时要带着这个sessionid，这样服务端就能找到当前发送请求是哪个用户，session会配置一个过期时间，`;
let cookie = `cookie是存储在浏览器端的一小段文本数据，大小不超过4kb，cookie里的内容会随着http请求一起发送到服务器端，是与服务器交互，是http规范的一部分，不能用作前端缓存。`;
let token = `token是一个通用的名词，通常用来代表一小段字符串，token可以存储在cookie里，也可以存储在服务器的内存里，`;
</script>
</body>
</html>
