js cookie 存储checkbox_浏览器数据存储方式总结，网友：“精辟”！

今天主要来讲下前端的数据存储，说起数据存储，大家肯定第一时间想起cookie，localstorage，sessionstorage，而其实还有userData和IndexedDB这两种数据存储，接下来将对它们进行一个比较详细的总结

一、为什么要进行数据存储

随着Web应用程序的出现，慢慢的也开始产生了对于能够直接在客户端上存储用户信息能力的要求，我们知道当我们访问某个页面的时候，很多东西都需要从服务器端进行加载，如果这个时候能将一些东西存储在客户端的话，是不是就可以直接拿来用啦，方便快捷，速度又快，又可以节省了很多不必要的请求，为什么不用呢？

其实在我实习的时候，曾经做过一个功能，当某条广告更新的时候右上角出现小红点，用户点击过后就不出现小红点，直到广告更新的时候小红点再出现，这个功能当时我就用到了客户端数据存储来实现啦，其实像一些登录信息，偏好设定都可以存储在客户端，而首先进行客户端存储的方案就是cookie，而今天，cookie只是在客户端存储数据的其中一种方式，接下来，我们将介绍各种客户端的数据存储方式

二、cookie

1、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) + "=

js cookie 存储checkbox_浏览器数据存储方式总结，网友：“精辟”！相关推荐

如何设计云存储服务端数据存储加密机制
云存储是一种新型的网络存储形式.随着云存储的广泛使用,云存储中的数据安全问题,如数据泄漏.数据篡改,如何设计云存储服务端数据存储加密机制也成了用户广泛关注的问题.云存储可以分为访问层.应用接口层.基础 ...
windows mobile开发循序渐进(4)移动应用程序的数据存储之本地数据存储第二篇
之所以分解来写,是因为在写的过程中会有些穿插的工作,希望能够尽量写的更细节一些. 上篇说的是本地存储的XML和DataSet之间的交互,现在我们来看看windows mobile 是如何与数据库进行交 ...
【本地存储】将数据存储到本地（sessionStorage、vuex）
数据存储本地 sessionStorage.setItem("nm",info.nm); //第一参数是key,第二个参数是valsessionStorage.setItem(&q ...
对象存储2：数据存储类型-文件存储、块存储、对象存储详解
上一篇介绍了传统存储的几个常用类型,本篇主要介绍云平台用到的常用存储类型,分别是文件存储.块存储和对象存储. 这种分类是以数据存储的方式来命名的,体现了不同的数据存储格式.文件存储会以文件和文件夹的层 ...
软件测试数据存储位置,关于数据存储类型的一点分析
简介 SQL Server每个表中各列的数据类型的有各种形式,产生的效果也各有不同,我们主要根据效率兼顾性能的情况下讨论下如何规定类型. 在SQL Server中,数据的存储以页为单位.八个页为一个区 ...
计算机数据存储怎么转换,数据存储单位之间怎么换算数据储存单位之间换算方法【图文】...
关于数据存储,你了解它是怎么一回事吗?所谓的数据存储就是指需要数据流找到的信息,这些信息多半是加工过程中需要的.或者是一些临时文件,而这些文件也是在加工过程中出现的.以不同的格式将数据记录在电脑的内存 ...
联合索引会创建几个索引_联合索引在B+Tree上的存储结构及数据查找方式
来源:SegmentFault 思否社区作者:木子雷前言: 本篇文章主要是阐述下联合索引在 B+Tree 上的实际存储结构. 本文主要讲解的内容有: 联合索引在B+树上的存储结构联合索引的查找 ...
联合索引会创建几个索引_联合索引在B+树上的存储结构及数据查找方式
能坚持别人不能坚持的,才能拥有别人未曾拥有的. 关注编程大道公众号,让我们一同坚持心中所想,一起成长!! 原文首发于该公号,欢迎关注引言上一篇文章<MySQL索引那些事>主要讲了MyS ...
mysql联合索引怎么存储_联合索引在B+树上的存储结构及数据查找方式
能坚持别人不能坚持的,才能拥有别人未曾拥有的. 关注编程大道公众号,让我们一同坚持心中所想,一起成长!! 引言上一篇文章<MySQL索引那些事>主要讲了MySQL索引的底层原理,且对比了 ...

js cookie 存储checkbox_浏览器数据存储方式总结，网友：“精辟”！

js cookie 存储checkbox_浏览器数据存储方式总结，网友：“精辟”！相关推荐

最新文章

热门文章