7. 本地存储三种方法有那些区别？过期时间怎么设？缺点有那些

ChitGPT: 本地存储一般包括cookie、localStorage和sessionStorage三种方式，它们的区别在于:
1. cookie是一种会在每次HTTP请求中自动携带的数据，可以设置过期时间，但数据量较小，只能存储文本类型数据。localStorage和sessionStorage可存储大量数据。
2. localStorage和sessionStorage是HTML5中新增的API，可以存储5MB~10MB的数据，localStorage数据长久保存，sessionStorage数据生存周期只在当前窗口或标签页中有效，关闭窗口或标签页后会被清除。
3. 过期时间的设置方式因实际应用场景而异，比如在cookie中可以通过设置Expires或Max-Age属性来设置过期时间，localStorage和sessionStorage则需要在代码中手动清空数据。
4. 缺点方面，cookie由于是自动携带，可能存在安全问题，需要注意防范XSS、CSRF等攻击方式；localStorage和sessionStorage也有可能被恶意利用窃取隐私信息，需要注意防范Cookie劫持和XSS攻击等方式。

相关问题

cookie 和 session 是什么？都有什么优缺点和应用场景？

Cookie 和 Session 都是用来在 Web 应用中保存用户状态的机制。Cookie 是在客户端保存用户信息，而 Session 是在服务器端保存用户信息。

Cookie 的优点：
1. 跨域名、跨路径、跨浏览器支持。
2. 可以设置过期时间，可以长期保存用户信息。
3. 可以保存大量数据。

Cookie 的缺点：
1. 客户端可以禁用 Cookie。
2. 安全性较差，容易被篡改。
3. 存在跨站脚本攻击（XSS）和跨站请求伪造（CSRF）等安全问题。

Cookie 的应用场景：
1. 记住登录状态。
2. 保存用户偏好设置。
3. 保存用户历史记录等。

Session 的优点：
1. 安全性较高，用户无法直接篡改 Session 数据。
2. 可以设置过期时间，可以避免用户长时间不操作导致的安全问题。
3. 可以存储敏感信息，不会被客户端获取到。

Session 的缺点：
1. 占用服务器资源，当并发用户较多时，可能会导致服务器性能下降。
2. 不能跨域名共享。

Session 的应用场景：
1. 记住用户登录状态。
2. 购物车信息存储。
3. 用户权限控制等。

本地存储的三种方式、

前端本地存储的方式有三种，分别是cookie、localStorage、sessionStorage。它们都是用来在客户端存储数据的，但是它们的使用场景和特点不同。
1. cookie：cookie是一种在客户端存储数据的技术，它可以存储少量的数据，并且可以设置过期时间。cookie的主要作用是在客户端和服务器之间传递数据，比如用户登录状态等。但是cookie的缺点是存储量小，只能存储字符串类型的数据，而且每次请求都会携带cookie，会增加网络负担。
2. localStorage：localStorage是HTML5提供的一种在客户端存储数据的技术，它可以存储大量的数据，并且可以永久保存。localStorage只能存储字符串类型的数据，但是可以使用ECMAScript对象的stringify和parse处理复杂对象。localStorage的主要作用是在客户端保存用户的个性化设置等数据，减少服务器的负担。
3. sessionStorage：sessionStorage也是HTML5提供的一种在客户端存储数据的技术，它和localStorage的使用方法和特点类似，但是它的生命周期只在当前会话中有效，关闭浏览器或者标签页之后数据就会被清空。sessionStorage的主要作用是在客户端保存一些临时数据，比如表单数据等。