首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

本地储存之 Cookie、webStorage、indexedDB

localStorage sessionStorage indexedDB 数据声明周期 一般由服务器生成,可以设置过期时间 除非被清理,否在一直存在 页面关闭就清理 除非被清理,否在一直存在 数据储存大小...| | secure | 只能在协议为 HTTPS 的请求中携带 | | same-site | 规定浏览器不能再跨域请求中携带 Cookie,减少 CSRF 攻击 | Cookie 的本职工作并非是本地存储...#优点 后端设置 解决鉴权问题 #缺点 只有 4m,太小 过量的 Cookie 会带来巨大的性能浪费 不能跨域 #Web Storage #localStorage 本地永久储存,除非手动清除,否在一直存在...大小:5M左右 用于储存稳定的资源:如 CSS、js、小图等。...其实我的理解,就是在浏览器或者其他客户端应用缓存一个webapp,一次使用,就将代码都缓存到本地,再次打开无需重复加载。 是不是觉得很熟悉,这不就是微信小程序吗?

1K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    深入浅出前端本地储存

    今天这篇文章就聊一聊这三种方案的历史,优缺点,以及各自在今天的适用场景 文章在后面还会提出一个全新的,基于 IndexedDB 的,更适合现代前端应用的前端本地储存方案 GoDB.js Cookie...Cookie 的历史 Cookie 早在1994 年就被发明了出来,它的历史甚至和互联网本身的历史一样悠久 和其它两种本地储存方案不一样的是,Cookie 本身并不是为了解决「在浏览器上存东西」而被发明...,直到今天,Cookie 在很多领域仍然有大量的使用 Cookie 的今天 2021 年,虽然 Cookie 在部分领域仍有不可替代的价值,但其已经不再适合被做为一个前端本地储存方案去使用: Cookie...,由于安全性和储存空间的问题,一般不推荐使用 Cookie,大部分情况下使用 Web Storage 是个更好的选择 Web Storage 在 2014 年年底发布的 HTML5 标准中,新增了一个...GoDB.js GoDB.js 是一个基于 IndexedDB 实现前端本地储存的类库 帮你做到代码更简洁的同时,更好的发挥 IndexedDB 的实力 ?

    80010

    Html5 学习系列(六)Html5本地存储和本地数据库

    Html5的设计者们,一开始就为Html5能成为富客户端做好了准备。...为了破解Cookie的一系列限制,Html5通过JS的新的API就能直接存储大量的数据到客户端浏览器,而且支持复杂的本地数据库,让JS简直就是逆天了。...Html5支持两种的WebStorage,一种是永久性的本地存储(localStorage),另外一种是会话级别的本地存储(sessionStorage)。...二、会话级别的本地存储:sessionStorage 在Html5中增加了一个Js对象:sessionStorage;通过此对象可以直接操作存储在浏览器中的会话级别的WebStorage。...逆天的是Html5提供了一个浏览器端的数据库支持,允许我们直接通JS的API在浏览器端创建一个本地的数据库,而且支持标准的SQL的CRUD操作,让离线的Web应用更加方便的存储结构化的数据。

    2.3K70

    本地云桌面储存服务器安全吗 解决了哪些需求

    大家应该知道云桌面是可以在本地使用,也可以在远程登陆的,本地云桌面储存服务器和后者也不同。...存储服务器是否保证安全 本地云桌面储存服务器既可以选择配置在自己的单位和家里,或者也可以选择在其他地方,同样不影响使用,而前者就属于本地云、私有云。...对于本地的来说,所需要保存的数据当然也会存储在私有的服务器之中,而共有的并不会为个体用户专用,所以存储的数据资料也不是在本地的。...两者相比的话,当然是前者安全性更有保障,这也是大家信赖和选择本地云桌面的重要原因之一。 解决了哪些用户需求 这么看来本地云桌面储存服务器是首选,它除了安全之外,还能够解决企业用户的很多需求。...以上就是关于本地云桌面储存服务器的相关介绍,其实以后大多企业使用云桌面是趋势,而伴随着产品的升级进步,相信以后也会解决更多的需求。

    5.6K40

    如何使用File Browser结合cpolar实现远程访问和共享本地储存的文件

    下面就和大家分享一下如何在Windows系统搭建这款网盘神器filebrowser并结合cpolar内网穿透实现公网访问本地云盘文件。...然后再输入一次filebrowser config set -r c://FBshare命令后回车:显示如下图所示,即为本地部署完成。...在本地浏览器中输入这个地址127.0.0.1:8000,就可以启动File Browser 了。...3.安装cpolar内网穿透 此时我们的网盘神器FileBrowser已经部署完成,并能成功登录,不过只能在本地访问,如果打算在公网环境随时随时访问内网的FileBrowser,我们需要安装cpolar...隧道名称:可自定义命名,不能与已有的隧道名重复,这里我填写了FileBrowser 协议:选择http 本地地址:8080 域名类型:免费选择随机域名 地区:China Top

    28210

    HTML5本地存储:从入门到精通

    HTML5本地存储:从入门到精通 基础知识 1️⃣ 什么是HTML5本地存储? 概念: HTML5本地存储是一种允许Web应用程序在用户浏览器端本地保存数据的技术,无需依赖服务器。...敏感数据处理: 不在本地存储中保存密码、信用卡等敏感信息,或对其进行加密处理。 5️⃣ 安全性与隐私 同源策略: 保障了不同源之间的数据隔离,防止恶意站点访问其他网站的本地存储数据。...HTTPS: 使用HTTPS加密通信,保护本地存储数据在传输过程中的安全。 用户授权与控制: 用户可通过浏览器设置管理或清除特定网站的本地存储数据,尊重用户隐私。...隐私增强: 浏览器厂商持续加强用户隐私保护,可能导致对本地存储的访问受到更多限制。...通过上述方法和策略,您可以有效地管理和清理HTML5本地存储中的数据,确保应用性能、数据新鲜度和用户隐私得到妥善维护。

    9210

    HTML5 Web 存储 优于 Cookie 的本地存储方式

    它也可以存储大量的数据,而不影响网站的性能 HTML5 Web 存储目前有两种存储对象:localStorage 和 sessionStorage 客户端存储数据的两个对象为: localStorage...中的键值对会被清空 也就是说 localStorage 对象存储的数据没有时间限制,第二天、第二周或下一年之后,数据依然可用,sessionStorage 对象当用户关闭浏览器窗口后,数据会被删除 HTML5...Web 存储的局限性 浏览器的存储大小不统一,并且在 IE8 以上的浏览器版本才支持 HTML5 Web 存储 HTML5 Web 存储本质上是对字符串的读取,如果存储内容多的话会消耗内存空间,会导致页面变卡...HTML5 Web 存储的使用 不管是 localStorage,还是 sessionStorage,可使用的 API 方法都相同,常用的有如下几个(以 localStorage 为例): 保存数据:

    89510

    HTML5 不得不看的本地存储 LocalStorage

    用过HTML5 本地存储和sessionStorage的,你就感觉html5很强大,比cookie和session好用很多,下面让我们来学习这个知识吧......首先自然是检测浏览器是否支持本地存储。...在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了...本地存储只能存字符串,任何格式存储的时候都会被自动转为字符串,所以读取的时候,需要自己进行类型的转换。...HTML5本地存储,还提供了一个storage事件,可以对键值对的改变进行监听,使用方法如下: if(window.addEventListener){ window.addEventListener

    1.2K30

    HTML5 学习总结(三)——本地存储(localStorage、sessionStorage、WebSqlDataBase、IndexedDB)

    HTML5问世以后,前端加入了一个重要的功能,便是本地存储,本地存储可分为4类: Local Storage:总的存储量有所限制,并不能提供真正的检索API,数据的生命期比窗口或浏览器的生命期长,数据可被同源的每个窗口或者标签页共享...是保存不敏感用户数据的最佳方案,也可以用于创建本地应用,NOSql。 Web SQL Database:实际上未包含在HTML5规范中。...1.2、客户端本地存储概要 顾名思义客户端本地存储就是将信息存储在客户端电脑上,cookie就是一种典型的传统客户端存储,长期以来本地存储能力一直是桌面应用区别于Web应用的一个主要优势,作为Web应用程序而言...HTML5中的Web Storage,称为Web本地存储,在Web客户端储存数据的功能,用键值对的形式保存数据,曾经属于HTML5的规范,目前已经被独立出来形成单独的规范体系。...本地存储优势: a)、统一的标准,兼容性高(IE8、各大浏览器支持) b)、数据存储量大 c)、无需安装插件 d)、减少网络流量 e)、更加适合移动端 HTML5 提供了四种在客户端存储数据的新方法,即

    7.5K100

    在线直播源码,节省储存空间的分布式储存

    在线直播源码对服务器的储存空间依赖性极强,主要在于直播间录像的储存需要用到大量的内存。...对于没有太多资金搭建服务器的运营商来说,分布式储存的优势在于能节省储存空间,及时是在单个服务器的情况下也能胜任响应、储存,下面我们具体来看一下分布式储存的具体优势。...在平时传递数据时,也会进行备份,在服务器无法工作时,仍然可以通过其他服务器读取备份的内容 二、高性能 高性能的分布式储存能加快用户的访问速度,并且可以根据在线直播源码的访问情况给予一定的访问加速。...三、分级储存 当在线直播源码收到新的ip地址访问时,为了找到最佳的响应路线,可能首次开屏会浪费一点时间,如果没有采用分布式部署,这种情况下如果用户的网络信号不够好,就会影响到整个服务器其他的用户,采用分布式储存...,同样对服务器有了一定的要求,配置太低的服务器能使用分布式部署,但对分布式储存的压力可能会顶不住,所以建议在线直播源码不要使用配置太差的服务器。

    1.7K10
    领券