cookies、localStorage、sessionStorage的区别

cookies

作用域：主域、子域
大小：4kb
储存：有过期时间，前端可以操作后台也可以操作，如果设置了httpOnly只有服务器可以访问

localStorage

作用域：自身域
大小：2mb~5mb
储存：永久储存

sessionStorage

作用域：自身域
大小：根据不同浏览器而定，有些浏览器是没有限制的
储存：会话储存

---

需要和后台交互可以使用cookies
不需要交互只是储存数据，使用webStorage

什么时候使用localStorage，什么时候使用sessionStorage？

需要永久存储，就用localStorage。

sessionStorage用于会话,页面之间需要传值时使用，即使复制网址，在另外一个网页打开，sessionStorage的值也获取不到

---

往浏览器传入数据，最终都会转换为字符串，再从浏览器获取数据也是字符串

传入时

 localStorage.setItem('arr', JSON.stringify([1,2,3]));

获取时

JSON.parse(localStorage.getItem('obj'));