前端开发常见存储技术

最新推荐文章于 2024-06-28 19:17:57 发布

lb_nizhanban

最新推荐文章于 2024-06-28 19:17:57 发布

阅读量423

点赞数

文章标签： cookie session 网络前端 html5

本文链接：https://blog.csdn.net/lb_nizhanban/article/details/104719704

版权

本文探讨了前端存储技术，包括Cookie、localStorage和sessionStorage的基本概念、特性和应用场景。Cookie常用于用户登录状态识别，由于体积限制通常只存储少量数据；localStorage拥有较长期限，适用于存储大量数据如购物车；而sessionStorage则在当前会话内有效，适用于多步骤表单等场景。

摘要由CSDN通过智能技术生成

前端存储技术兴起

随着网络日益发展，Web应用程序也逐渐出现，随即产生了在客户端存储客户信息的要求，其中就包括账号密码登录信息，购物车，书签，浏览记录，历史账单等其他数据。客户端存储包括Cookie,Web存储机制和IndexedDB等方式。

基本概念

Cookie是小曲奇的意思，顾名思义，他的存储容量确实很小。主要用于网站辨别用户身份而存储在用户本地终端上的数据（一般经过加密），Cookie可以说是为了解决HTTP无状态的特性而出现的。

Cookie特性
1、生命周期：一般由服务器通过Set-Cookie字段生成，可设置失效时间。如果在浏览器端生成Cookie，默认是关闭浏览器后失效。
2、存储数据大小：4kb左右（一般不超过4095字节）。
3、与服务器通信：每次都会携带在HTTP头中，如果使用Cookie保存过多数据会带来性能问题。

localStorage是HTML5标准中新加入的技术。早在IE6时代，就有一个交userData的东西用于本地存储，而当时考虑到浏览器的兼容性，更通用的方案是使用Flash。而如今，localStorage被大多数浏览器支持。

localStorage特性
1、生命周期：除非被删除，否则永久保存。
2、存储数据大小：一般为5MB，不超过10MB。
3、与服务器通信：仅在客户端（即浏览器）中保存，不参与服务器的通信。</