其中，浏览器端缓存的机制种类：HTTP缓存机制、浏览器本地存储（cookie、localStorage、sessionStorage、webSQL、indexDB、……）如下图所示：浏览器本地存储本文主要着重讲解浏览器本地存储

不是同源，主要会有以下限制：cookie、LocalStorage和IndexDB无法读取DOM无法获取Ajax请求不能发送二、前后端如何通信①Ajax，受同源策略限制②WebSocket

目前，如果非同源，共有三种行为受到限制：(1)Cookie、LocalStorage和IndexDB无法读取。(2)DOM无法获得。(3)AJAX请求不

同源策略限制了一下行为：Cookie、LocalStorage和IndexDB无法读取DOM和JS对象无法获取

html5使用数据库自己动手开发一个Web服务器HTML5之indexedDB数据库(带搜索的留言板)IndexDB数据库操作指南HTML5项目笔记10：使用HTML5IndexDB设计离线数据库HTML5WebSQLDatabase

什么是同源策略(sameoriginpolicy)同源：协议、域名、端口相同同源策略：为保证用户数据安全而规定的不同源网页彼此间的限制行为，主要有以下3种：1、cookie、localStorage和indexDB

前提本文涉及几个知识点：fetch、caches、indexDB等都不会详细介绍，仅对于其中某些点带过一.概念serviceWorker，服务工作线程，顾名思义，只是作为工作线程存在，不掺和到JS主线程中来

前言打开浏览器的Application面板，可看到HTTP文件缓存（Frames下），LocalStorage，SessionStorage，indexDB，WebSQL，Cookie，CacheStorage

varDB={scheme:{//timetag:{key:{keyPath:"name"}},//blacklist:{key:{keyPath:"account"}},//mutelist:{key:{keyPath:"account"}},//friend:{key:{keyPath:"account"}},//user:{key:{keyPath:"account"}},//team:{k

提供的数据持久化技术1、ApplicationCache本地缓存应用所需的文件2、LocalStorage&SessionStorage键值对存储数据3、WebSQL关系数据库，通过SQL语句访问4、IndexDB

同源策略限制了不同源的站点读取当前站点的Cookie、IndexDB、LocalStorage等数据。同源策略限制了通过XMLHttpRequest等方式将站点的数据发送给不同源的站点。

同源策略限制了不同源的站点读取当前站点的Cookie、IndexDB、LocalStorage等数据。同源策略限制了通过XMLHttpRequest等方式将站点的数据发送给不同源的站点。

读取cookie，LocalStorage和IndexDB读取DOM元素发送AJAX请求如果子域名和顶级域名不同源，哪里可以设置成同源?

同源指“三个相同”：协议相同域名相同端口相同非同源有三种行为受限制：Cookie、LocalStorage和IndexDB无法读取；DOM无法获得AJAX请求不能发送同源政策保护了用户信息安全，防止恶意网络窃取数据

通常情况下，A网页访问B服务器资源时，不满足以下三个条件其一就是跨域访问1.协议不同2.端口不同3.主机不同同源策略限制以下几种行为：1.Cookie、LocalStorage、IndexDB无法

同源限制以下行为Cookie、LocalStorage和IndexDB无法读取DOM和Js对象无法

不同源的话，有三种行为受到限制：1、Cookie、LocalStorage和IndexDB无法读取。2、DOM无法获得。3、AJAX请求不能发送。什么是跨域？

一、indexDB简介indexDB是为了解决h5的localStorage在容量，存储类型上的限制而提出的web客户端数据库，与localStorage最大的不同在于其更多的从数据库的角度对API进行了设计

同源策略的限制范围cookie、localstorage、indexdb无法读取。DOM无法获取。ajax请求不能发送。规避策略cookie：设置document.domain共享cookie。

其中浏览器缓存包含：HTTP缓存、indexDB、cookie、localstorage等。在具体了解HTTP缓存之前先来明确几个术语：缓存命中率：从缓存中得到数据的请求数与所有请求数的比率。

一、浏览器1cookie和localSrorage、session、indexDB的区别从上表可以看到，cookie已经不建议用于存储。

最近在项目中遇到了和不同域名下的服务器进行数据交换，由于同源策略的影响，因此会出现跨域，跨域的限制如下：1.)Cookie、LocalStorage和IndexDB无法读取2.)DOM和Js对象无法获得

本文转自http://www.ruanyifeng.com/blog/2018/07/indexeddb.html，为了方便个人整理学习笔记所用一、概述随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。现有的浏览器数据储存方案，都不适合储存大量数据：Cookie的大小不超过4KB，且每次请求都会发送回服务器；LocalSto

同源策略浏览器的一种安全策略，所谓同源，指的是域名、协议、端口号完全相同限制：cookie、localStorage和IndexDB无法读取；无法操作跨域的iframe里的dom元素；Ajax请求不能发送

限制：（1）Cookie、LocalStorage和IndexDB无法读取。（2）DOM无法获得。（3）AJAX请求不能发送浏览器

前言工作日常需要做一些备忘录，记录一些要做的事。在Mac上有使用系统的备忘录，但功能偏弱且文本格式调整不方便。再就是使用浏览器找专门的备忘录网站，功能是满足了，但是链路长，没有桌面软件直接。所以最后干脆自己写一个吧。思路开发上自然是Web应用快，且成本低不需要下载安装，而且现在PWA的Web应用支持安装为应用，所以搞起来。使用技术：ReactMarkedIndexDBPWAAntD使用地址：htt

同源策略限制：cookie,localStorage和IndexDB无法获取，Dom和js对象无法获取，AJAX请求不能发送。解决跨域的方法：1、通过jsonp跨域2、do

浏览器缓存也包含很多内容：HTTP缓存、indexDB、cookie、localstorage等等。这里我们只讨论HTTP缓存相关内容。

进行刷新页面的操作，以前申请的内存被释放，重新加载脚本代码，变量重新赋值，所以这些数据要想存储就必须存储在外部，例如：LocalStorage、SessionStorage、IndexDB等。

Web缓存：数据库缓存、服务器端缓存（代理服务器缓存、CDN缓存）、浏览器缓存浏览器缓存：HTTP缓存、indexDB、cookie、localstorage等等HTTP缓存强制缓存的优先级高于协商缓存强缓存

Cookie、LocalStorage和indexDB不同源无法读取dom不同源无法获取ajax不同源请求不能发送没有同源的危险场景(CSRF攻击)1.CS

（3）要想刷新后数据不丢失就必须把数据存储在外部，例如：LocalStorage、SessionStorage、IndexDB等。这些都是浏览器提供的API，让你可以将数据存储在硬盘上，做持久化存储。

进行刷新页面的操作，以前申请的内存被释放，重新加载脚本代码，变量重新赋值，所以这些数据要想存储就必须存储在外部，例如：LocalStorage、SessionStorage、IndexDB等。

1.)Cookie、LocalStorage和IndexDB无法读取2.)DOM和Js对象无法获得3.)AJAX请求不能发送url中任意一个部分不相同都会造成跨域问题，但是也有例外，script标签的src

1.演练地址https://djz917.github.io/contact/indexDB/index.html2.看一下浏览器兼容性，手机兼容性略差。

对于浏览器而言只要域名、协议、端口其中一个不同就会引发同源策略，从而限制他们之间如下的交互行为：1.Cookie、LocalStorage和IndexDB无法读取；2.DOM无法获得；3.AJAX请求

有一天，我们写了关于如何在localStorage中保存图像和文件的文章，它是关于我们今天可用的实用主义。然而，localStorage有一些性能影响-我们将在稍后的博客中讨论这个问题-并且未来期望的方法是使用IndexedDB。在这里，我将向您介绍如何在IndexedDB中存储图像和文件，然后通过ObjectURL呈现它们。本文是翻译过来的，原文在这里Storingimagesandfilesi

同源策略限制以下几种行为：1、Cookie、LocalStorage和IndexDB无法读取2、DOM和Js对象无法获得3、AJAX请求不能发送跨域解决方案jsonp跨域跨域资源共享（CORS）jsonp

什么是同源策略及限制01.同源策略:协议、域名、端口02.同源策略限制从一个源加载的文档或者脚本与另一个源加载的资源如何进行通信这是一个用于隔离潜在恶意文件的关键的安全机制01.Cookie、LocalStorage、IndexDB

什么是同源策略及限制01.同源策略:协议、域名、端口02.同源策略限制从一个源加载的文档或者脚本与另一个源加载的资源如何进行通信这是一个用于隔离潜在恶意文件的关键的安全机制01.Cookie、LocalStorage、IndexDB

同源策略如果非同源，三种行为受到限制：1.Cookie、LocalStorage和indexDB无法读取2.DOM无法获得3.AJAX请求不能发送虽然这些限制是必要的，但是有时很不方便，合理的用途也受到影响所谓

基于这个策略，有以下几种限制：cookie：js不能读取其它域下的cookie，否则你的登录信息，安全信息就泄露了；Storage和IndexDB：道理同cook

浏览器，原文请移步Browser|InterviewMap回流和重绘回流和重绘-掘金存储cookie，localStorage，sessionStorage，indexDB存储的区别从上表可以看到，cookie

本篇封装了移动端H5的数据库，兼容了IndexDB和WebSql,只需使用key-vale的方式进行存取；为什么要封装WebSql呢？

代码如下：indexDB.outbox{width:300px;display:inline-block;border:1pxsolid#ccc;}.innerbox{height:400px;color

代码如下：indexDB.outbox{width:300px;display:inline-block;border:1pxsolid#ccc;}.innerbox{height:400px;color

博客：[1]AlloyTeamWeb缓存机制系列博客：[2]浅谈浏览器http的缓存机制博客：[3]浏览器缓存知识小结及应用Doc:developers.google.com/working-with-indexdb

Cookie、LocalStorage和IndexDB无法读取DOM和Js对象无法获得AJAX请求不能发送3、跨域引入同源对概念，是因为我们常指对跨域，其实就是浏览器同源策略限制的一类请求场景。

查看原文有些安全性不太重要的数据，我不想花大力气搞一台服务器，再安装mysql或者monogdb，再写点rest接口。这也太麻烦了，浏览器里本来就有很好用的数据库。你为什么不尝试一下呢？1.客户端存储目前有两个方案比较方案优点缺点localStorage简单易用，同步操作存储容量小，一般不超过10MBindexDB接口都是异步的，操作不便容量比localStorage大如果要使用localStor

刷新页面，以前申请的内存被释放，重新加载脚本代码，变量重新赋值，所以这些数据要想存储就必须存储在外部，例如：LocalStorage、SessionStorage、IndexDB等。