离线缓存是指在有网络的状态下将从服务器获取的网络数据，如Json 数据缓存到本地，在断网的状态下启动APP时读取本地缓存数据显示在界面上，常用的APP（网易新闻、知乎等等）都是支持离线缓存的，这样带来了更好的用户体验...如果能够在调用网络接口后自动缓存返回的Json数据，下次在断网状态下调用这个接口获取到缓存的Json数据的话，那该多好呢？Volley做到了这一点。...，Volley只缓存了接口路径，并没有缓存接口的传入参数，因此如果做分页查询的话，使用此方法是不妥的。 ...2.在测试过程中，依然发现有的时候获取不到缓存数据，有的时候却可以获取到。对获取缓存的代码延迟加载能够有效解决这个问题。 ...3.如果考虑到缓存的过期策略，可以使用更好的ASimpleCache框架辅助开发。对缓存有更高要求的APP，依然应该使用文件缓存或数据库缓存。 源代码下载
原理和环境 如上面提到的HTML5的离线存储是基于一个新建的.appcache文件的，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。...之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。 就像cookie一样，html5的离线存储也需要服务器环境。...下面的 NETWORK 小节规定文件 "login.asp" 永远不会被缓存，且离线时是不可用的： NETWORK: login.asp 可以使用星号来指示所有其他资源/文件都需要因特网连接： NETWORK...可以看见图片1成功被离线展示出来了，图片2像正常情况一样显示不出来。 现在我想把图片2和图片1的位置换一下呢....注意事项 站点离线存储的容量限制是5M 如果manifest文件，或者内部列举的某一个文件不能正常下载，整个更新过程将视为失败，浏览器继续全部使用老的缓存 引用manifest的html必须与manifest
离线存储可以将站点的一些文件存储在本地，它是浏览器自己的一种机制，将需要的文件缓存下来在没有网络的时候可以访问到缓存的对应的站点页面，包括html，js，css，img等等文件在有网络的时候，浏览器也会优先使用已离线存储的文件...这跟HTTP的缓存使用策略是不同的。 资源的缓存可以带来更好的用户体验，当用户使用自己的流量上网时，本地缓存不仅可以提高用户访问速度，而且大大节约用户的使用流量。...HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源；把需要离线存储在本地的文件列在一个manifest配置文件中。...Manifest 的特点 离线浏览：即当网络断开时，可以继续访问你的页面。 访问速度快：将文件缓存到本地，不需每次都从网络上请求。...html5中引入了js操作离线缓存的方法，可以通过js代码手动更新本地缓存。
一、http协议实现缓存 1....缓存头部 通用缓存、条件缓存、缓存控制三大类 头部名称 说明 请求/响应 通用缓存头部 控制客户端是否向服务器发送请求或者是服务端响应请求 cache-control 用于随报文传递的缓存提示 pragma...If-Unmodified-Since：不会响应412的情况 last-Modified值匹配成功 服务器需要响应2XX或412之外的状态码 请求发送过来的时间格式不对 二、浏览器离线缓存 实现离线缓存的步骤...# 禁止缓存的文件 network: # 回退文件(页面无法访问时回退的页面) fallback: 事件与状态 5.1 状态 状态值 说明 0 未缓存 1 空闲（缓存为最新状态） 2...，浏览器直接清理缓存是无效的 6.3 修改main.appcache文件任何内容，都会导致离线缓存重新加载，包含注释信 6.4 引入main.appcache文件的html文件，会直接被离线缓存 6.5
，首先从沙盒加载缓存的数据，或者当app未联网的时候，从沙盒中加载之前缓存的旧数据。...离线数据的方法选择 plist文件 Document路径 数据库 由于保存的是大批量数据，且会不停的刷新新数据，因此应该选择数据库来存储。使用数据库可以快速地进行数据的读取操作。...1.设计思路 如下图，说明了离线缓存的流程： ?...离线缓存 当第一次打开app的时候，把从服务器获取到的数据保存到沙盒中； 当下一次进入app的时候，首先从沙盒中找，如果沙盒中保存了之前的数据，则显示沙盒中的数据; 如果没有网络，直接加载保存到沙盒中的数据...示例 下面使用一个示例程序来介绍离线缓存。示例程序用到的框架有FMDB，SDWebImage，AFNetworking，数据是由聚合数据提供的开放API。
离线缓存 为了用户的体验，不需要每次打开App都加载新数据，或者重新请求数据，因此需要把每次浏览的数据保存起来，当下次打开软件时，首先从沙盒中加载数据；或者当软件未联网时，也只能从沙盒中加载旧数据。...离线数据的方法选择 1.plist文件 2.Document路径 3.数据库 由于保存的是大批量数据，且会不停的刷新新数据，因此应该选择数据库来存储。...离线缓存的思路 当第一次打开应用程序时，把界面加载好的数据保存到沙盒中 当下一次进入应用程序时，首先从沙盒中找 如果没有网络，直接加载上次保存的数据，或者没有比较新的数据也从沙盒中加载数据。...需要缓存的数据如何保存 sqlite3 框架FMDB 操作数据库的工具类 static FMDatabase *_db; + (void)initialize { // 1.打开数据库...INSERT INTO t_status(status, idstr) VALUES (%@, %@);", statusData, status[@"idstr"]]; } } 从数据库中取出缓存数据
离线缓存 ：通过Service Worker使得 Web App 也可以做到像 Native App 那样可以离线使用、消息推送的功能。...PWA是应用一系列技术组成的集合, 其核心技术包括 App Manifest、Service Worker、Web Push等等。...利用它，我们可以拦截页面请求，缓存文件。...如果都缓存成功，那么OK,service worker安装成功。 这里缓存资源时， 定义了一个缓存名字static-v1 ， 打开这个缓存，将图片文件添加进去。...离线资源更新 1、如果业务的静态资源更新了， 需要修改sw.js文件，一个B的修改都会引起浏览器的重新下载sw文件， 然后触发install , 装载新的离线资源。
背景介绍 最近实战了 Service Worker（以下简称“sw”）来进行网站缓存，以实现离线状态下，网站仍然可以正常使用。...尤其对于个人博客这种以内容为主体的静态网站，离线访问和缓存优化尤其重要；并且 Ajax 交互较少，离线访问和缓存优化的实现壁垒因此较低。...上方的代码顺便清理了旧版本的缓存。 资源拦截 在代码的最后，需要监听 fetch 事件，并且进行拦截。如果命中，返回缓存；如果未命中，放通请求，并且将请求后的资源缓存下来。...可以看到资源都通过 ServiceWorker 缓存加载进来了。 ? 现在，我们打开离线模式， ? 离线模式下照样可以访问： ?...在第 2 次刷新后，通过上图可以看到，缓存版本内容已更新到 v2，并且左侧内容区已经被改变。
，浏览器下载资源文件会先放在一个临时的缓存中，如果有任何一个资源文件下载失败，浏览器将停止其他缓存资源的下载，并清除临时缓存。...如果所有资源文件都被成功下载，浏览器将会把这些资源文件以及引用manifest文件的HTML文档移动到永久离线缓存中 满满的都是坑 一些小坑 需要注意的是manifest文件放在服务器上，MIME类型必须是...manifest文件的HTML文档一并被移动到永久离线缓存中。...），浏览器将直接从本地离线缓存中获取资源文件。...，但依旧会从网络上加载，而iframe的解答方法也是2011~2012年左右提出的，后来就没有相关文章了，估计已经彻底失效了 Application主要是为了构建离线缓存，使得页面在离线模式下也能浏览。
正常访问页面如下图所示，在离线时也能够正常刷新出来。 ? 攻击者由安装有XAMPP服务器的桥接虚拟机表示，IP为192.168.1.154。...通过两次更新manifest文件，让用户缓存恶意页面并使其manifest文件与合法网站保持一致，如图所示。 ?...通过Wireshark抓包可以看到，浏览器仅仅请求了demo_html.appcache，离线缓存攻击成功。注意在实验时需要排除浏览器本身缓存的影响，仅仅刷新页面会收到服务器返回的304响应。...由于时间有限，并没有用爬虫去找使用了HTML5离线缓存的网站，仅仅做了这种攻击的验证实验，若有大家可以推荐几个来测试。 主页htm： 提交 这是攻击者的页面，点击出现hacked 在离线的状态下重新载入这个页面
HTML5引入了应用程序缓存（Application Cache），通过创建manifest文件可以轻松地创建Web应用的离线版本，使Web应用可以在没有网络的时候任然可以访问。...manifest文件主要定义需要缓存的文件，支持manifest的浏览器将按照manifest文件的规则把文件保存在本地，这样在没有网络的时候就可以从本地读取缓存文件。...Manifest的优点离线浏览 – 用户可在应用离线时使用它们提升速度 – 已缓存资源加载得更快减少服务器负载 – 浏览器将只从服务器下载更新过或更改过的资源。...对于manifest文件进行缓存的时候需要十分小心，因为可能出现一种情况就是你对manifest文件进行了更新，但是http的缓存规则告诉浏览器本地缓存的manifest文件还没过期，这个情况下浏览器还是使用原来的.../en-US/docs/Web/HTML/Using_the_application_cachehttp://diveintohtml5.info/offline.html转载本站文章《html5离线缓存
缓存技术 1 为什么要使用缓存 在上一次课redis入门的过程中我们讲过随着访问量的上升，几乎大部分使用MySQL架构的网站在数据库 上都出现了性能问题，web程序不再仅仅关注在功能上，同时也开始追求性能...，Memcached(缓存)自然 成为一个非常时尚的技术产品。...3 缓存分类 在分布式系统中，缓存的应用非常广泛，从部署角度有以下几个方面的缓存应用。...（1）CDN缓存； （2）反向代理缓存； （3）分布式缓存； （4）本地应用缓存； 4 Ehcache本地缓存 Ehcache是一个用Java实现的使用简单，高速，实现线程安全的缓存管理类库，ehcache...缓存策略，支 持内存缓存和磁盘缓存，分布式缓存机制等等特点。
经过昨天的测试，发现使用离线缓存的网站会被攻击。但是，不使用离线缓存的网站就真的不会受到这样的攻击么？...（很郁闷相同的操作为啥有时候结果不一样，不过大部分还是造成了离线缓存攻击的效果。）...再次请求时抓包如下图，发现请求appcache文件后，尽管百度返回了302的错误页，但是浏览器没有跳转，仍然保持了离线缓存的页面，实现了缓存中毒的效果。...不知道使用https进行离线缓存攻击会不会成功。 ? 除了百度和支付宝，还用网易的126.com做了实验。...个人认为，对于类似百度网站这样的服务器设置，会导致缓存攻击成功，感觉是浏览器实现时的一个bug。如果支付宝https能被离线缓存攻击，那么危害性还是很大的。
【离线访问可达性】。...实际上，SW确实是PWA的核心与灵魂，但SW在PWA中起的主要作用是缓存文件，提供给离线访问。并没有完整地发挥出SW的巧妙用法。...let cachelist = []; cachelist里面填写的是预缓存网址，例如在离线时返回的错误页面。...因此，对于博客的缓存，我们要保证用户每次获取都是最新的版本，但也要保证用户在离线时能看到最后一个版本的内容。...因此，针对博客来说，策略应该是先获取最新内容，然后更新本地缓存，最后返回最新内容；离线的时候，尝试访问最新内容会回退到缓存，如果缓存也没有，就回退到错误页面。
一：缓存的概念 对于现在的各种系统来说，缓存的应用无处不在。如果能合理的利用缓存，整个系统的性能将会得到大大的提高，Web开发尤其如此。...三：服务端应用程序中的缓存 应用程序里的缓存是我们最常用的缓存。一般来说，系统常会部署一些分布式存储系统来作为缓存的载体。...四：运行环境缓存 运行环境缓存指的是程序代码之外的缓存，下面介绍两种使用较多的： Web 服务器缓存：常见的 Web 服务器，如 Nginx ，Apache 都有自己的缓存模块...Mysql 还有一些其它缓存设置，比如打开表缓存(table_cache)，临时表缓存(tmp_table_size)等，这些缓存机制经过合理配置后都能提高系统性能。...当然实际用到的缓存并不仅仅只有这些，例如还有静态文件的CDN缓存，网络请求的DNS缓存等。缓存的使用，是我们实际工作中必须掌握的技能。
(); ****将缓存内容写入html文件***** Ob_end_clean(); 2、页面部分缓存 该种方式，是将一个页面中不经常变的部分进行静态缓存，而经常变化的块不缓存，最后组装在一起显示；可以使用类似于...ob_get_contents的方式实现，也可以利用类似ESI之类的页面片段缓存策略，使其用来做动态页面中相对静态的片段部分的缓存 (ESI技术，请baidu，此处不详讲)。...； 4、查询缓存 其实这跟数据缓存是一个思路，就是根据查询语句来缓存；将查询得到的数据缓存在一个文件中，下次遇到相同的查询时，就直 接先从这个文件里面调数据，不会再去查数据库；但此处的缓存文件名可能就需要以查询语句为基点来建立唯一标示...； 按时间变更进行缓存 其实，这一条不是真正的缓存方式；上面的2、3、4的缓存技术一般都用到了时间变更判断；就是对于缓存文件您需要设一个有效 时间，在这个有效时间内，相同的访问才会先取缓存文件的内容，但是超过设定的缓存时间...，就需要重新从数据库中获取数据， 并生产最新的缓存文件； 比如，我将我们商城的首页就是设置2个小时更新一次； 5、按内容变更进行缓存 这个也并非独立的缓存技术，需结合着用；就是当数据库内容被修改时，即刻更新缓存文件
HTTP 缓存技术缓存技术出现在HTTP1.1当中，目的是尽可能减少对于服务器进行请求。为了实现缓存技术，HTTP设计者在头部字段增加针对缓存的头部字段。HTTP 缓存有两种方式，强制缓存和协商缓存。...认识缓存介绍具体的缓存技术之前，我们先来认识一下HTTP中的缓存特点。注意缓存只对获取文件有效，从服务器上拿到文件然后放入本地缓存，下次再获取则从本地缓存区获取文件，这样可以减轻服务器压力。...缓存技术在HTTP中的体现是通过几个请求字段的配合，按照一定的判断流程控制。...这三个字段基本囊括大部分HTTP缓存技术的应用场景。...如果没有特殊字段禁用缓存，缓存将会把请求结果缓存存在浏览器缓存当中。缓存判定主要依赖两项技术：强制缓存和协商缓存，也是HTTP缓存技术的要点。将在下文进行进行介绍。
如果没有缓存层，访问层是直接从数据库存取层读取数据，而设置缓存后，访问层不再是直接在数据库存取层读取，而是从缓存层读取数据。...也就是每间隔10分钟缓存数据才会被生成一次，一个小时内只会被生成6次，两种方式一对比，效果明显，两种比较下服务器负荷的压力比差别十几万倍以上，缓存技术将使得网站负载在高峰期游刃有余。...12) { ["id"] => string(1) "1" ["catid"] => string(2) "13" ["title"] => string(4) "thinkphp的缓存技术..." ["content"] => string(8) "thinkphp的缓存技术" ["tags"] => string(4) "缓存" ["thumb"] => string(0)..."" ["description"] => string(7) "thinkphp的缓存技术" ["inputtime"] => string(10) "1348370202" ["
["id"] => string(1) "1" ["catid"] => string(2) "13" ["title"] => string(4) "thinkphp的缓存技术..." ["content"] => string(8) "thinkphp的缓存技术" ["tags"] => string(4) "缓存" ["thumb"]...=> string(0) "" ["description"] => string(7) "thinkphp的缓存技术" ["inputtime"] => string(10..." ["content"] => string(8) "thinkphp的缓存技术" ["tags"] => string(4) "缓存" ["thumb"]...=> string(0) "" ["description"] => string(7) "thinkphp的缓存技术" ["inputtime"] => string(10
这篇文章主要讲如何利用Retrofit+OkHttp来实现一个较为简单的缓存策略： 即有网环境下我们请求数据时，如果没有缓存或者缓存过期了，就去服务器拿数据，并且将新缓存保存下来，如果有缓存而且没有过期...，则直接使用缓存。...无网环境下我们请求数据时，缓存没过期则直接使用缓存，缓存过期了则无法使用，需要重新联网获取服务器数据。...但是，上面设置的每个接口缓存时间都一样，例如我现在想让不同接口的缓存数据失效时间都不一样，甚至有些接口不缓存数据，应该怎么做呢？...其实也很简单 首先我们只需要在接口前面添加@Headers参数（max-age代表缓存时间，单位为秒，示例中表示缓存失效时间为60s,想要多少时间可以自行设置)，不设置@Headers参数则不进行缓存。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
