Cookies、sessionStorage、localStorage都是用来在客户端存储数据的技术，但是它们在存储、存储大小、有效期限、API等方面都有所不同。
- Cookies：
是一种在客户端存储数据的技术，通常用来存储一些如用户名、密码、购物车、历史记录等不敏感数据，它最早是用来解决HTTP协议的无状态特点而设计的。
- 存储内容：字符串类型
- 存储大小：4k左右
- 存储有效期限：可设置过期时间或者浏览器关闭时自动消失
- 存储位置：存在客户端浏览器
- 作用范围：域名级别
- API:
document.cookie = "key=value"
- sessionStorage：
是一种HTML5新增的存储数据的技术，它是针对一个 session 进行数据存储，同源的页面可以共享数据，浏览器关闭时会自动删除。
- 存储内容：字符串类型
- 存储大小：5-10MB
- 存储有效期限：仅在当前会话中有效，关闭浏览器标签页或浏览器时会被删除
- 存储位置：存在客户端浏览器
- 作用范围：标签页级别
- API：
sessionStorage.setItem(key,value)
- localStorage:
是一种HTML5新增的存储数据的技术，数据存储在客户端本地浏览器中，即使是关闭浏览器后再打开，存储的数据依然存在，除非手动清除。
- 存储内容：字符串类型
- 存储大小：典型大小为5MB
- 存储有效期限：长期存储，除非手动清除
- 存储位置：存在客户端浏览器
- 作用范围：整个域名下共享
- API：
localStorage.setItem(key,value)
总结：
Cookies、sessionStorage和localStorage都是用来存储客户端数据的，但是它们的应用场景以及Api等都有所不同。其中，Cookies的作用范围最小，而localStorage的作用范围最大，可以用于整个域名内的数据存储。而sessionStorage的作用范围比Cookies大，但在浏览器关闭之后会自动删除数据。因此，我们在实际的应用中，应当根据不同的需求来选择不同的存储技术。例如，对于一些网站需要长久保存的数据，可以选择localStorage，对于用户登录信息等需要一定安全性的数据，可以选择sessionStorage。而对于一些临时的数据，可以选择Cookies。