本地存储cookie和localStorage区别特点

一、cookie

cookie算是比较早的技术，最初是为了记录http的状态，提高访问速度。cookie是服务器"种植"在客户端的key-value形式文本文件。但同时客户端也能操作cookie。
特点：

大小：cookie的大小限制在4k。每个域名下cookie的个数现在在20个。
在客户端请求服务器端和服务器响应时，cookie始终被携带在http请求中，即使不需要(造成流量浪费)。这也是限制cookie大小的原因。
客户端可以通过document.cookie操作cookie，并不安全。
cookie可以设置过期时间、路径、域和httpOnly等字段。如果设置了过期时间，cookie会保存在硬盘里，知道到了设定的过期时间才会失效。若未设置过期时间，在浏览器窗口关闭时，cookie就失效了。路径和域两个字段限制了cookie的作用范围。httpOnly设置为true，则js不能通过document.cookie操作cookie。

二、localStorage

它也是采用key-value的形式存储数据，但是它与cookie有很大的区别
特点：

对比着来，localStorage能保存更大的数据，标准浏览器是5Mb。
localStorage保存在客户端，不随着请求发送给服务器，避免了流量的浪费。
客户端可以通过：setItem、getItem方法访问localStorage。
并且，localStorage没有过期时间，如果不手动清除，数据就永远不会过期，一直保存在浏览器当中。
存储的信息在同一域中是共享的。

转载于:https://www.cnblogs.com/gr07/p/9366871.html

本地存储cookie和localStorage区别特点相关推荐

浏览器本地存储Cookie、LocalStorage、SessionStorage
文章目录浏览器本地存储浏览器本地存储浏览器本地存储方式 (1)Cookie Cookie 是最早被提出来的本地存储方式,在此之前,服务端是无法判断网络中的两个请求是否是同一用户发起的,为解决这个 ...
本地存储-cookie|localStorage|sessionStorage|indexedDB
本地存储本地存储 cookie 如何工作问题 cookie标准限制属性 expires|max-age domain&path secure HttpOnly 设置cookie 服务端设 ...
详解Javascript本地存储的方式、区别及应用场景
详解Javascript本地存储的方式.区别及应用场景一.方式 javaScript本地缓存的方法我们主要讲述以下四种: cookie sessionStorage localStorage ind ...
本地存储(cookie/localStorage)
cookie 一.初识cookie 1.cookie是什么: cookie全程HTTP Cookie,是浏览器存储数据的一种方式. 因为存储在用户本地,而不是存储在服务器上,所以是本地存储一般会自动 ...
浏览器存储(cookie、localStorage、sessionStorage)
区别 cookie在浏览器请求中每次都会附加请求头中发送给服务器.用户代理(一般值浏览器)所实现的大小最少要到达4096字节(感谢@lulianqi15的指正) localStorage保存数据会一直 ...
本地存储Cookie、Storage、indexDB、ServiceWork离线访问网站
在日常开发中,开发者用得最多的大概是前三种吧,cookie.Session/Local,对后两种运用的较少,话不多少,直接正文: cookie cookie是客户端的解决方案,最早是网景公司的前雇员L ...
Web存储—本地存储Cookie
一.Cookie存储存在时间最久的本地存储,这种存储方式不完全脱离网络,前后台进行交互时还是需要网络存储大小:4kb 有效期:在有效期内数据可被访问过了有效期数据消失本地存储--本地缓存-存储在 ...
JS本地存储的方式？区别？应用？
一.四种存储方式: 1.cookie 不超过4kb 在过期时间之前一直有效,即使会话或者浏览器关闭会自动将数据传递到服务器,服务器也可以写cookie到客户端 2.localstorage 存储大小 ...
[前端]本地存储搜索历史-localStorage
搜索框获取焦点后展示搜索历史,搜索历史记录可以存储在前端,如下图所示: 现在使用localStorage存储,可以打开开发者工具-Application-Local Storage(这里使用的是Chr ...

本地存储cookie和localStorage区别特点

一、cookie

二、localStorage

本地存储cookie和localStorage区别特点相关推荐

最新文章

热门文章