网站会员体系方案,软件网站关键词优化,重庆多个区划定风险区,做电商网站哪家好今天主要来讲下前端的数据存储#xff0c;说起数据存储#xff0c;大家肯定第一时间想起cookie#xff0c;localstorage#xff0c;sessionstorage#xff0c;而其实还有userData和IndexedDB这两种数据存储#xff0c;接下来将对它们进行一个比较详细的总结一、为什么要进…今天主要来讲下前端的数据存储说起数据存储大家肯定第一时间想起cookielocalstoragesessionstorage而其实还有userData和IndexedDB这两种数据存储接下来将对它们进行一个比较详细的总结一、为什么要进行数据存储 随着Web应用程序的出现慢慢的也开始产生了对于能够直接在客户端上存储用户信息能力的要求我们知道当我们访问某个页面的时候很多东西都需要从服务器端进行加载如果这个时候能将一些东西存储在客户端的话是不是就可以直接拿来用啦方便快捷速度又快又可以节省了很多不必要的请求为什么不用呢 其实在我实习的时候曾经做过一个功能当某条广告更新的时候右上角出现小红点用户点击过后就不出现小红点直到广告更新的时候小红点再出现这个功能当时我就用到了客户端数据存储来实现啦其实像一些登录信息偏好设定都可以存储在客户端而首先进行客户端存储的方案就是cookie而今天cookie只是在客户端存储数据的其中一种方式接下来我们将介绍各种客户端的数据存储方式二、cookie1、cookie的作用 说到cookie其实cookie有两个主要功能第一个功能就是用于解决http无状态的缺点在客户端存储会话信息记录用户的状态而第二个功能也就是我们现在也经常使用cookie在客户端存储一些其它的数据2、cookie的构成 一般来说cookie是由浏览器保存的以下几块信息构成的 (1)名称一个唯一确定cookie的名称 (2)值存储在cookie中的字符串值值必须被URL编码 (3)域cookie对于哪个域是有效的所有向该域发送的请求都会包含这个cookie信息 (4)路径对于指定域中的路径应该向服务器发送cookie (5)失效时间表示cookie何时应该被删除的时间戳 (6)安全标志指定后cookie只有在使用SSL连接的时候才发送到服务器3、如何使用cookie存储数据 一般来说有两种方式可以生成cookie一种是服务器发送http响应时指定Set-Cookie进行指定另一种我们可以使用js生成cookie 由于cookie需要通过URL编码因此在写入cookie时和读取cookie时我们都需要进行编码和解码操作为了方便我们可以自己写一个cookie的操作对象var CookieUtil { get: function(name) { var cookieName encodeURIComponent(name)
