<!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>