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

是否有一个版本的LocalStorage,但针对每个网址,而不是来源?

是的,有一个版本的LocalStorage可以针对每个网址进行存储,它被称为IndexedDB。

IndexedDB是一种浏览器内置的非关系型数据库,用于在客户端存储大量结构化数据。与LocalStorage相比,IndexedDB具有更强大的功能和更高的存储容量。

IndexedDB的优势包括:

  1. 大容量存储:IndexedDB可以存储大量数据,通常比LocalStorage的容量限制更高。
  2. 事务支持:IndexedDB支持事务操作,可以确保数据的一致性和完整性。
  3. 异步操作:IndexedDB使用异步API,可以在后台执行数据库操作,不会阻塞页面的渲染和响应。
  4. 查询功能:IndexedDB支持索引和范围查询,可以高效地检索和过滤数据。
  5. 事件驱动:IndexedDB通过事件机制来处理数据库操作的结果和状态变化。

IndexedDB适用于需要存储大量结构化数据的应用场景,例如离线应用、数据缓存、数据同步等。

腾讯云提供了云数据库TencentDB,它是一种云原生的数据库服务,支持多种数据库引擎,包括MySQL、Redis、MongoDB等。您可以使用TencentDB来存储和管理大量结构化数据,实现高可用性和可扩展性。

更多关于腾讯云云数据库的信息,请访问:腾讯云云数据库

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

localStorage 还能这么用

看起来很美好, localStorage 也有短板,绝大多数浏览器 5M 大小限制。...大致流程如下: 查看请求文件 url 是否缓存到 localStorage 过期或不匹配,到第 2 大步 文件内容有效,到第 4 大步 如果没有,到第 2 大步 如果有,判断文件是否过期或版本是否匹配...同源窗口通信 你可能不禁又要问,不是 postMessage 吗?...这当然也可以通过每个窗口都与后台建立连接来更新,用户如果开十几个窗口就开销大了。 了同源窗口通信,我们就可以只有一个窗口与后台建立连接,收到更新后,广播给其他窗口就可以。...其实原理也简单,每次 localStorage 中有任何变动都会触发一个 storage 事件,所有窗口都监听这个事件,一旦窗口更新 localStorage,其他窗口都会收到通知,根据事件中 key

91040

cookie、localStorage、sessionStorage区别?

针对一个 session 数据存储,当用户关闭浏览器窗口后,数据会被删除。...因为考虑到每个 HTTP 请求都会带着 Cookie 信息,所以 Cookie 当然是能精简就精简啦,比较常用一个应用场景就是判断用户是否登录。...针对登录过用户,服务器端会在他登录时往 Cookie 中插入一段加密过唯一辨识单一用户辨识码,下次只要读取这个值就可以判断当前用户是否登录啦。...曾经还使用 Cookie 来保存用户在电商网站购物车信息,如今localStorage,似乎在这个方面也可以给 Cookie 放个假了~ 另一方面 localStorage 接替了 Cookie...使用它们时候,需要时刻注意是否代码存在 XSS (不是太清楚XSS)注入风险。

51230

JavaScript基础③

LocalStorage localStorage优势 localStorage拓展了cookie4K限制 localStorage会可以将第一次请求数据直接存储到本地,这个相当于一个5M大小针对于前端页面的数据库...,相比于cookie可以节约带宽,但是这个却是只有在高版本浏览器中才支持 localStorage局限 浏览器大小不统一,并且在IE8以上IE版本才支持localStorage这个属性 目前所有的浏览器中都会把...,sessionStorage属于当会话结束时候,sessionStorage中键值对会被清空这里我们以localStorage来分析。...浏览器会将maxAge为正数Cookie持久化,即写到对应Cookie文件中(每个浏览器存储位置不一致)。...浏览器提交Cookie时只会提交name和value属性,maxAge属性只被浏览器用来判断Cookie是否过期,不能用服务端来判断。

53710

Cookie、LocalStorage 与 SessionStorage区别

早在 IE 6 时代,就有一个叫 userData 东西用于本地存储,当时考虑到浏览器兼容性,更通用方案是使用 Flash。...因为考虑到每个 HTTP 请求都会带着 Cookie 信息,所以 Cookie 当然是能精简就精简啦,比较常用一个应用场景就是判断用户是否登录。...针对登录过用户,服务器端会在他登录时往 Cookie 中插入一段加密过唯一辨识单一用户辨识码,下次只要读取这个值就可以判断当前用户是否登录啦。...曾经还使用 Cookie 来保存用户在电商网站购物车信息,如今localStorage,似乎在这个方面也可以给 Cookie 放个假了~ 另一方面 localStorage 接替了 Cookie...使用它们时候,需要时刻注意是否代码存在 XSS 注入风险。因为只要打开控制台,你就随意修改它们值,也就是说如果你网站中有 XSS 风险,它们就能对你 localStorage 肆意妄为。

1.4K10

一文带你了解某搜索网站优化

该网站网址我们很熟悉:https://www.baidu.com,打开网站界面其实很简洁,一个搜索框,一个按钮,看似简单背后其实不简单,因为这样网站,往往访问量,并发量奇高,这时候一个看似简单资源请求...图4 分多域名取资源 这就是要说一个,分多域名取资源,就犹如前面章节一直反复强调一样,浏览器本身是并发请求限制数,就比如并发请求限制,这个限制前提,就是同源,不同源情况下并不受限,而这是几乎所有大厂在性能优化上都会做一件事...假设是存放在服务器上,此时用户每聚焦一次输入框,服务器就多了一条请求压力,一个用户没什么,十个,一百,一千,一万个用户也没什么,这是上亿用户量,每个用户一条,对于服务器集群来说就是1亿条,假如都是请求服务器...LocalStorage显然是其中一种,其实这个凸显一种思想是,客户端资源。...,LocalStorage就是一个最直观体现。

47410

浏览器同源政策及其规避方法

这个属性最大特点是,无论是否同源,只要在同一个窗口里,前一个网页设置了这个属性,后一个网页可以读取它。 父窗口先打开一个子窗口,载入一个不同源网页,该网页将信息写入window.name属性。...这个API为window对象新增了一个window.postMessage方法,允许跨窗口通信,不论这两个窗口是否同源。...注意,该请求查询字符串一个callback参数,用来指定回调函数名字,这对于JSONP是必需。 服务器收到这个请求以后,会将数据放在回调函数参数位置返回。...作为参数JSON数据被视为JavaScript对象,不是字符串,因此避免了使用JSON.parse步骤。...正是因为了Origin这个字段,所以WebSocket才没有实行同源政策。因为服务器可以根据这个字段,判断是否许可本次通信。如果该域名在白名单内,服务器就会做出如下回应。

882110

浏览器同源政策及其规避方法

这个属性最大特点是,无论是否同源,只要在同一个窗口里,前一个网页设置了这个属性,后一个网页可以读取它。 父窗口先打开一个子窗口,载入一个不同源网页,该网页将信息写入window.name属性。...window.name = data; 接着,子窗口跳回一个与主窗口同域网址。...注意,该请求查询字符串一个callback参数,用来指定回调函数名字,这对于JSONP是必需。 服务器收到这个请求以后,会将数据放在回调函数参数位置返回。...作为参数JSON数据被视为JavaScript对象,不是字符串,因此避免了使用JSON.parse步骤。...正是因为了Origin这个字段,所以WebSocket才没有实行同源政策。因为服务器可以根据这个字段,判断是否许可本次通信。如果该域名在白名单内,服务器就会做出如下回应。

81960

关于 HTML5 LocalStorage 5 个不为人知事实

SessionStorage 值在某些浏览器重启后仍然存在 SessionStorage 与 LocalStorage 不同,它不是为在用户浏览器中长期保存值而设计。...相反,SessionStorage 中值会在浏览器会话结束时被销毁,这通常是在浏览器窗口关闭时。 不过一个例外。...并且由于两个站点位于同一来源,因此它们可以访问彼此值。(安全方面注意:这也意味着共享域上站点,例如 apphost.com,都共享一个 HTML5 存储对象。请谨慎操作!)...LocalStorage 可以填充到旧浏览器(包括 IE)中 啊,旧版浏览器(特指 乐色IE浏览器),是每个 HTML5 派对上失败者。...很少有 HTML5 规范能像 Web 存储那样得到广泛且一致支持。 对于旧版本 IE,polyfill 支持是可用,这要归功于一个名为“userData” IE-only 功能。

80830

localStorage中怎么存对象?

sessionStorage用于本地存储一个会话(session)中数据,这些数据只有在同一个会话中页面才能访问并且当会话结束后数据也随之销毁。...因此sessionStorage不是一种持久化本地存储,仅仅是会话级别的存储。 localStorage用于持久化本地存储,除非主动删除数据,否则数据是永远不会过期。...背景 兼容性测试结果表 Web应用发展,使得客户端存储使用得也越来越多,实现客户端存储方式则是多种多样。...web storage优势 web storage存储空间 存储空间 更大:IE8下每个独立存储空间为10M,其他浏览器实现略有不同,都比Cookie要大很多。...web storage存储空间 独立存储空间:每个域(包括子域)独立存储空间,各个存储空间是完全独立,因此不会造成数据混乱。

1.4K20

HTML5 前端存储

因此 sessionStorage 不是一种持久化本地存储,仅仅是会话级别的存储。 localStorage 用于持久化本地存储,除非主动删除数据,否则数据是永远不会过期。...浏览器中同一个域下窗口可以共享 localStorage 数据。...应用场景 因为每个 HTTP 请求都会带着 Cookie 信息,所以 Cookie 应当尽可能精简,比较常用一个应用场景就是判断用户是否登录。...针对登录过用户,服务器端会在他登录时往 Cookie 中插入一段加密过唯一辨识单一用户辨识码,下次只要读取这个值就可以判断当前用户是否登录啦。...安全性考虑 需要注意是,不是什么数据都适合放在 Cookie、localStorage 和 sessionStorage 中。使用它们时候,需要时刻注意是否代码存在 XSS 注入风险。

61310

不只是离线缓存! - 论如何善用ServiceWorker

,添加了大量政治宗教敏感,有些甚至不配称为宗教,直接上来就是骗钱. jsd并不是没有发布许可条款,这并不能阻止白嫖大军进程。...由于SW安装后,页面需要刷新后才能交给SW所宰割,同时为了避免浏览器缓存影响,我通常采用修改search方式强刷新,不是通过reload函数。...SW安装初始化 / Installations 首先,先尴尬一个空缓存列表: const CACHE_NAME = 'ICDNCache';//可以为Cache版本号,这样可能会导致缓存冗余累积...fetch只能传递Requset对象,Requset对象两个参数(url,[option]),第一个参数是网址,第二个参数为Request内容,例如body或header。...由于npmcdn对于latest缓存并不是持久有效,所以我们最好还是判断一下url版本是否以@latest为结尾。

3.2K21

Web前端性能优化(三)

浏览器存储因为HTTP请求无状态,当这一次 HTTP 请求结束之后,这个链接就关闭了,下一次需要发起这个请求时,服务端不会知道这个请求是和之前某一个请求,来自同一个客户端,不能跟踪 HTTP 请求会话和发生情况...Worker ,查看 已注册Service Worker,仅在 Chrome 下有效Service Worker 作为 PWA 一个关键角色,其运用方式以下两个:使用拦截和处理网络请求能力,去实现一个离线应用...指令 s-maxage= 就是用于设置共享缓存,仅应用于 public 缓存设备上(如 CDN),不应用于针对单用户本地缓存,s-maxage 指令优先级高于 max-age 指令...,然后才能使用该响应来满足后续对同一个网址请求。...)是否过期过程,称为 HTTP 文档过期验证机制,若是文档没有过期,则浏览器会直接使用缓存中文档作为返回结果,若是文档已经过期了,则需要进行服务器再验证Expires 一个缺点就是返回到期时间是服务器端时间

65630

浏览器同源策略跨域问题产生与解决

这个属性最大特点是,无论是否同源,只要在同一个窗口里,前一个网页设置了这个属性,后一个网页可以读取它。 父窗口先打开一个子窗口,载入一个不同源网页,该网页将信息写入window.name属性。...window.name = data; 接着,子窗口跳回一个与主窗口同域网址。...注意,该请求查询字符串一个callback参数,用来指定回调函数名字,这对于JSONP是必需。 服务器收到这个请求以后,会将数据放在回调函数参数位置返回。...作为参数JSON数据被视为JavaScript对象,不是字符串,因此避免了使用JSON.parse步骤。...正是因为了Origin这个字段,所以WebSocket才没有实行同源政策。因为服务器可以根据这个字段,判断是否许可本次通信。如果该域名在白名单内,服务器就会做出如下回应。

1K30

第136天:Web前端面试题总结(理论)

从协作关系上讲,很多前端开发团队每个成员职责不是很清晰,了前端 MV框架,这个状况会大有改观。 之所以感受不到 MV*框架重要性,是因为Model部分代码较少,View相对多一些。...每个独立线程一个程序运行入口、顺序执行序列和程序出口。但是线程不能够独立执行,必须依存在应用程序中,由应用程序提供多个线程执行控制   e. ...多线程意义在于一个应用程序中,多个执行部分可以同时执行。操作系统并没有将多个线程看做多个独立应用,来实现进程调度和管理以及资源分配 9、请说出三种减少页面加载时间方法   a. ...渐进增强 progressive enhancement:   针对版本浏览器进行构建页面,保证最基本功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好用户体验。   ...name属性,该属性个特征:即在一个窗口(window)生命周期内,窗口载入所有的页面都是共享一个window.name每个页面对window.name都有读写权限,window.name是持久存在一个窗口载入过所有页面中

2.1K40

彻底弄懂浏览器缓存策略

在HTTP请求和响应消息报头中,常见与缓存有关消息报头: ?...public:表示缓存版本可以被代理服务器或者其他中间服务器识别。 private:表示只有用户自己浏览器能够进行缓存,公共代理服务器不允许缓存。...,不展开了 LocalStorage localStorage 属性允许你访问一个 Document 源(origin)对象 Storage 用于存储当前源数据,除非用户人为清除(调用 localStorage...页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来页面会话。 定义最优缓存策略 使用一致网址:如果您在不同网址上提供相同内容,将会多次获取和存储该内容。...审查并确定每个资源适合max-age。 确定网站最佳缓存层级:对 HTML 文档组合使用包含内容特征码资源网址以及短时间或 no-cache 生命周期,可以控制客户端获取更新速度。

2.4K30

首个浏览器内置模块 kv-storage 异步版 localStorage

为了解决这个问题,我们可能会使用 IndexedDB,后者难以操作,虽然目前有第三方模块可以很轻松操作 IndexedDB,但仍然不是最好解决方案。...浏览器需要支持 modules 在 Chrome 中,要求版本在 61 以上 编写演示代码 首先这里用一个 index.html 文件配合 vscode Live Server 做演示 我们要做一个简单功能是创建一个表单...兼容 官方给了一套兼容性解决方案,针对检测是否存在该内置模块 import map 方法;还有针对是否支持 modules nomodules 方案。...kv-storage 并不是多么强大,毕竟现在 LocalForage(https://localforage.docschina.org/) 也已经在业内很频繁在用了。...作为第一个内置模块,虽现在不建议在生产模式中使用,足以遇见在不久将来这中内置模块方式可能成为一种趋势。

90120

浏览器之客户端存储

cookie 存储在「客户端」机器上,所以很多针对安全性限制 不超过 300 个 cookie 「每个 cookie」 不超过 「4 KB」 「每个域」不超过 20 个 cookie 「每个域」不超过...「80KB」 「不同浏览器针对每个域能设置多少cookie不同限制」。...}')); 限制 一般来说,客户端数据「大小限制」是按照「每个源」(协议、域和端口)来设置,因此每个「固定大小数据存储空间」。...数据库 ❝IndexedDB 是类似于 MySQL 或 Web SQL Database 「数据库」 ❞ 与传统数据库最大「区别」在于,IndexedDB 使用「对象存储」不是表格保存数据。...「已废弃并且被IndexDB所替代」 Application Cache 允许浏览器通过manifest配置文件在本地「选择」存储JS/CSS/图片等静态资源文件级缓存机制 当页面「不是首次打开」

2.4K20

前端数据缓存 & 版本管理方案总结

本文将从一个实际 UI 编辑器项目出发,分析页面 json 数据缓存及版本管理方案,大致思路如下: 2....本地缓存存储选型 2.1 前端存储选型 目前,前端存储以下几类: cookie 在 H5 之前最主要前端存储方式,大小限制 4K,且每次请求都会在请求头带上 localStorage 以键值对...,sessionStorage 不支持持久保存,离线缓存针对是文件而非数据,Web SQL 和 IndexedDB 针对是结构化数据且不常用。...前端版本选择策略 前面叙述了缓存数据本地存储和存取方式,同一个页面的数据会存储为两份: db 远程数据库 local 本地 localStorage 缓存 那么这两份数据应该如何取舍?...[01.png] 在 UI 编辑器项目中,采取了一种简单高效处理方式,通过给每个数据版本设置版本号,在后端 db 存储时进行判断,若 db 中已有的数据版本号与传入数据版本号不一致,则拒绝更新,前端弹窗提醒

2.7K62

(1.6w字)浏览器与前端性能灵魂之问,请问你能接得住几个?(上)

不是背诵各种开发军规和性能优化条例,这样很难发现真正问题所在, 更无法真正地解决问题。...localStorage 和Cookie异同 localStorage一点跟Cookie一样,就是针对一个域名,即在同一个域名下,会存储相同一段localStorage。...不过它相对Cookie还是相当多区别的: 容量。localStorage 容量上限为5M,相比于Cookie 4K 大大增加。当然这个 5M 是针对一个域名,因此对于一个域名是持久存储。...sessionStorage和localStorage一个本质区别,那就是前者只是会话级别的存储,并不是持久化存储。会话结束,也就是页面关闭,这部分sessionStorage就不复存在了。...我们下面看看看一个反例: aA -> B Aa -> B 这种情况就是不是上下文无关文法,当遇到B时候,我们不知道到底能不能规约出A,取决于左边或者右边是否a存在,也就是说和上下文有关。

53211
领券