310 低版本 IE 浏览器的缓存问题

程序员俱乐部 2020-02-21

310 低版本 IE 浏览器的缓存问题

08.Ajax缓存.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <button id="btn">发送Ajax请求</button>
    <script type="text/javascript">
        var btn = document.getElementById('btn');

        btn.onclick = function() {
            // 1.创建ajax对象
            var xhr = new XMLHttpRequest();
            
            // 2.告诉Ajax对象要向哪发送请求，以什么方式发送请求
            // 1)请求方式 2)请求地址
            xhr.open('get', 'http://localhost:3000/cache?t=' + Math.random());
            // 3.发送请求
            xhr.send();
            
            // 4.获取服务器端响应到客户端的数据
            xhr.onreadystatechange = function() {
                // xhr.readyState 只能说明接收完了服务器端的响应数据，但是服务器端可能响应了一个错误的数据，所以继续判断，http状态码xhr.status是200，才能说明此次请求是成功的
                if (xhr.readyState == 4 && xhr.status == 200) {
                    alert(xhr.responseText);
                }
            }

        }
    </script>
</body>

</html>
程序员俱乐部

程序员俱乐部

相关推荐

PHP ob缓存以及ob函数原理实例解析

ob是output buffering的简称，输出缓冲区，缓冲区是通过php.ini中的output_buffering变量控制的。其默认值是off,可以设置为on来打开buffer。打来buffer后，即便程序中没有用ob函数，实际上代码也是使用了缓冲区

ThinkMake / 0评论 2020-11-13

前端api请求缓存方案

在开发 web 应用程序时，性能都是必不可少的话题。对于webpack打包的单页面应用程序而言，我们可以采用很多方式来对性能进行优化，比方说 tree-shaking、模块懒加载、利用 extrens 网络cdn 加速这些常规的优化。而事实上，缓存一定是提

学习web前端 / 0评论 2020-11-09

原来缓存也会雪崩、击穿、穿透啊

仅靠着超高配置的服务器资源，还是很难支撑高并发的场景。因此我们需要缓存。比如双十一的时候，iPhone12在凌晨00:00-01:00可1分钱抢购，哇，这个可是真便宜呢，程序员们也预测到了商品的火爆，于是将iPhone12的商品信息缓存到redis中，设置

天空一样的蔚蓝 / 0评论 2020-10-23

ajax缓存机制

只要是POST请求，浏览器都不会缓存。Https的请求，浏览器不会缓存。在URL中拼入随机的查询字符串可以使浏览器认为这是一个新的请求，从而不使用缓存。

curiousL / 0评论 2020-08-03

深入浅出从根上理解 HTTP 缓存机制及原理！

HTTP 缓存，对于前端的性能优化方面来讲，是非常关键的，从缓存中读取数据和直接向服务器请求数据，完全就是一个在天上，一个在地下。我们最熟悉的是 HTTP 服务器响应返回状态码 304，304 代表表示告诉浏览器，本地有缓存数据，可直接从本地获取，无需从服

sochrome / 0评论 2020-07-29

DNS域名解析过程

当在浏览器中输入URL时，DNS解析是怎样的的过程呢？浏览器缓存有大小和时间限制，域名被缓存的时间限制可以通过TTL属性来设置。

leodengzx / 0评论 2020-07-18

缓存策略

缓存穿透，查询无数据时2，导致缓存不生效，查询都落到数据库 **建议：强制返回一个默认值，缓存击穿，缓存失效瞬间，大量请求访问到数据库：比如同一个页面并发量比较大，建议：使用二级缓存策略，当一级缓存失效时，我们允许一个请求去落到数据库上面，更新缓存数据，其

SoarFly00 / 0评论 2020-06-28

http缓存

HTTP 缓存是我们日常开发中最为熟悉的一种缓存机制。优先级较高的是强缓存，在命中强缓存失败的情况下，才会走协商缓存。在浏览器发送请求时,会先去查看是否有expriss和cache-Control,以此来判断是否命中“强缓存”,协商缓存依赖于服务端与浏览器

LeoHan / 0评论 2020-06-02

JS惰性删除和定时删除可过期的localStorage缓存，或sessionStorage缓存

使用localStorage可以在浏览器中存储键值对的数据。但是它们之间的区别是：存储在localStorage的数据可以长期保留；而当页面会话结束时，存储在sessionStorage的数据会被清除。另外需要注意的是，localStorage中的键值对总

拭血 / 0评论 2020-06-02

没有最全只有更全的关闭浏览器缓存的&lt;meta&gt;标签

meta是html语言head区的一个辅助性标签。类似地height指令使用device-height标记指示视区高度为设备的屏幕高度。与initial-scale相同，这些指令的值是应用于视区内容的缩放比例。E、Window-target说明：强制页面在

lengyu0 / 0评论 2020-05-20

HTML5 应用程序缓存

使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。减少服务器负载 - 浏览器将只从服务器下载更新过或更改

GimmeS / 0评论 2020-05-15

ASP.NET Core中的Http缓存使用

Http响应缓存可减少客户端或代理对web服务器发出的请求数。响应缓存还减少了web服务器生成响应所需的工作量。响应缓存由Http请求中的header控制。而ASP.NET Core对其都有相应的实现，并不需要了解里面的工作细节，即可对其进行良好的控制。H

逸璞丷昊 / 0评论 2020-03-08

net core WebApi——缓存神器Redis

中秋过完不知不觉都已经快两周没动这个工程了，最近业务需要总算开始搞后台云服务了，果断直接net core搞起，在做的中间遇到了不少问题，这个后续会一点点列出来包括解决方法，今天就先把之前挖的坑填一个。引入完之后，我们在appsettings.json来配置

lengyu0 / 0评论 2020-05-10

前端性能优化建议

CSS&JS&图片：使用强缓存，文件命名带上hash值，使用chunkhash或contenthash，不使用hash。以nodejs为例，如果需要浏览器强缓存，我们可以这样设置：res.setHeader;如果需要协商缓存，则可以这样设置

viewerlin / 0评论 2020-05-10

阿里P8架构师谈：数据库、JVM、缓存、SQL等性能调优方法和原则

性能优化基本是BAT等一线互联网公司程序员必备的技能，以下为大家完整揭晓性能完整的优化方案和方法：包含web网站调优、数据库、JVM调优、架构调优等方案。这一条要灵活运用，把js和css提取出来放在外部文件的优点是：减少html体积，提高了js和css的复

DAV数据库 / 0评论 2020-05-07

第六章：Django 综合篇 - 15：Django与缓存

接收请求 -> url路由 -> 视图处理 -> 数据库读写 -> 视图处理 -> 模版渲染 -> 返回请求。以Django一站式服务的尿性，像缓存这么重要的功能，怎么可能不具备？Django提供不同粒度不同层级的缓存：

程序员俱乐部 / 0评论 2020-05-06

测试人员需要了解的缓存知识

减少服务器的访问压力。减少客户端的网络延时。最近最不经常使用。数据库中的热数据。主被动删除缓存后，相应的业务逻辑是否符合期望。首次访问后，再次访问速度是否快了。数据一致性问题的验证。对本地缓存文件无读写权限。手动主动触发缓存刷新机制

Vampor / 0评论 2020-05-01

http缓存

设置expires值表示缓存会在这个时间后失效，过期时间是绝对日期，如果修改本地日期，ETag和Last-Modified比较：ETag更准确，如果打开文件但没有修改，last-Modified也会改变；而且Last-Modified只能。精确到秒，不适合

ROES / 0评论 2020-04-22

[cdn 数据库同步]CDN缓存不同步：一次线上调试的经历

　　这是大概3个月之前的一次线上调试过程，最后排查到的原因很简单，但调试过程让我认识了所谓“线上环境复杂”是什么意思。　　这是入职后接手的第一个H5页面需求，也是比较重要内部项目，几乎所有公司部门都参与了此项目。项目完成后获得了公司的内部奖励，当然这是后话

lcyangcss / 0评论 2020-04-21

秒杀系统：如何打造并维护一个超大流量的秒杀系统？

自2011年首次出现以来，无论是双十一购物还是 12306 抢票，秒杀场景已随处可见。简单来说，秒杀就是在同一时刻大量请求争抢购买同一商品并完成交易的过程。从架构视角来看，秒杀系统本质是一个高性能、高一致、高可用的三高系统。而打造并维护一个超大流量的秒杀系

curiousL / 0评论 2020-04-18

28、springboot——缓存之JSR107——基于注解的缓存使用②

　　想要看到具体的sql执行语句可以修改mapper包的日志级别：。　　通过控制台可以看到，我们每次查询相同的数据时服务器端都执行sql查询，这样有时候效率会低；* 因为CacheManager管理多个Cache组件，对缓存的真正

curiousL / 0评论 2020-03-24

亿级流量网站架构核心技术-高并发

Cache Aside：同一个数据写竞争比较激烈，对数据一致性要求很高时适合，以上参数nginx都可以配置，对于静态资源以上参数还是非常有必要的，有业务也会根据需要在web工程内部设置。对于消费Bin log的情况，mysql bin log 要配置成 r

故纸堆 / 0评论 2020-03-21

手写一个静态资源中间件，加深了解服务器对文件请求的缓存策略

我们从理论上介绍了浏览器和服务器是如何对静态资源做缓存的，这篇文章我们把它做成一个node服务器的静态资源中间件。服务器接收到请求，先解析地址path;检查缓存头标志，如果内容没过期，仅修改头信息，304状态返回，如果内容过期了，就要正常返回内容。如果设置

lifeforbug / 0评论 2020-03-18

前端性能优化

我们要对网页的性能进行统计分析，首先应当确定哪些因素会对网页的性能带来影响。一般来说，前端HTML文档的结构是否合理，外部资源是否进行了压缩合并，静态内容是否使用了CDN加速，服务端是否配置了负载均衡，是否采取了缓存策略，以及客户端带宽状况等，都会对网页的

Luu / 0评论 2020-03-04

h5应用缓存

manifest文件主要分为三个部分。CACHE MANIFEST: 在此标题下列出的文件将在首次下载后进行缓存。FALLBACK：在此标题下列出的文件规定当页面无法显示时的回退页面。1 用户清空浏览器缓存。3 由程序来更新应用缓存。用户可在应用离线时使用

zhangwentaohh / 0评论 2020-03-04

从未如此简单：5分钟搞懂 HTTP 缓存机制

HTTP 缓存可以说是HTTP性能优化中简单高效的一种优化方式了，缓存是一种保存资源副本并在下次请求时直接使用该副本的技术，当 web 缓存发现请求的资源已经被存储，它会拦截请求，返回该资源的拷贝，而不会去源服务器重新下载。所以，学会利用 HTTP 缓存是

指尖 / 0评论 2020-03-03

浏览器输入URL后，发生了什么？(打开一个网页会使用哪些协议？)

互联网每一个服务器都是以ip地址作为界限的，并不是我们平时输入的url地址，就比如www.ccc.com这一个网址，当输入进浏览器之后就会由DNS解析将它转化成一个ip地址，所以DNS实际上担任的是一个翻译者的角色。下面放一个大佬的图，看了之后估计你就会更

GimmeS / 0评论 2020-02-28

前端技术基础（二）：浏览器缓存

我们知道，浏览器可以通过http请求获得的资源，根据服务端的设置作一定的缓存处理，以加快下一次再使用同类资源时调出的速度，这便是浏览器缓存。Expires，是http1.0规范的字段，它顾名思义，表示该缓存的失效时间。由于它是一个标准时间，如若服务器的系统

lenchio / 0评论 2020-02-19

图解HTTP(5)

一台Web服务器可搭建多个独立域名的Web网站，也可作为通信路径上的中转服务器提升传输效率。因此在发送HTTP请求时，必须在Host首部内完整指定主机名或域名的URI。HTTP通信时，还有一些用于通信数据转发的应用，例如代理、网关、隧道，其可以配合服务器工

SoarFly00 / 0评论 2020-02-03

asp.net core webapi Session 内存缓存

Startup.cs文件中的ConfigureServices方法配置：。app.UseSession(); //UseSession配置在UseMvc之前

程序员俱乐部 / 0评论 2020-01-21

禁用Firefox的浏览器缓存

2)在地址栏中打”about:config”；双击它直至它变为”False“。

pengornis / 0评论 2013-05-16

浏览器缓存机制

Cache-Control 是最重要的规则。这个字段用于指定所有缓存机制在整个请求/响应链中必须服从的指令。这些指令指定用于阻止缓存对请求或响应造成不利干扰的行为。这些指令通常覆盖默认缓存算法。缓存指令是单向的，即请求中存在一个指令并不意味着响应中将存在同

羽化大刀Chrome / 0评论 2013-05-31

DNS劫持

预防：使用opendsn等这样的不做相应操作的DNS服务器，并加强通信安全，防止ARP等类型的信息监听。

kenson / 0评论 2020-01-11

如何快速清空微信浏览器中的缓存

在微信聊天框中输入debugx5.qq.com并发送。点击该网址进入，在新页面下拉菜单至最底部。选中Cookie、文件缓存、广告过滤缓存和DNS缓存，点击“清除”即可清除完成。

Safari浏览器 / 0评论 2020-01-11

HTTP问题整理

解析url地址是否合法。浏览器缓存：浏览器会记录DNS一段时间，因此，只是第一个地方解析DNS请求；

dahege / 0评论 2020-01-10

h5项目（特别是vue）缓存严重的解决方案，配合nginx

默认情况下使用nginx作为h5静态资源的服务器时，这些资源在浏览器端是会有缓存的，特别是微信浏览器中，缓存非常严重。如上配置之后，每次发布只要文件经过修改了，那么都会从服务端拉取最新的资源，保证项目及时更正！如有出入，欢迎留言更正！

curiousL / 0评论 2020-01-10

高并发解决方案与并发编程,线程池,缓存,消息队列,分库分表java系统架构

通过不同的域名可以让浏览器直接访问资源服务器而不需要再访问应用服务器了。这个问题可以用先生成静态页面然后使用Ajax来读取并修改响应的数据，这样就可以一举两得来，既可以使用页面缓存也可以实时显示一些变化频率高的数据来。其实大家都知道，效率最高、消耗最小的就

MichelinMessi / 0评论 2020-01-07

http协商缓存VS强缓存

之前一直对浏览器缓存只能描述一个大概，深层次的原理不能描述上来；终于在前端的两次面试过程中被问倒下，为了泄恨，查阅一些资料最终对其有了一个更深入的理解，废话不多说，赶紧来看看浏览器缓存的那些事吧，有不对的地方，请各位不吝赐教啊。本文主要讲解浏览器端的缓存，

程序员俱乐部 / 0评论 2020-01-03

前端HTTP 缓存简单了解

HTTP 缓存简单了解。文章整理了相关资料，记录了部分实践。能回答上三个问题，HTTP缓存就算理解呢。Web缓存是可以自动保存常见文档副本的 HTTP 设备。当 Web请求抵达缓存时， 如果本地有“已缓存的”副本，就可以从本地存储设备而不是原始服务器中提取

Safari浏览器 / 0评论 2019-12-31

面试总被问到HTTP缓存机制及原理？看完你就彻底明白了

前言Http 缓存机制作为 web 性能优化的重要手段，对于从事 Web 开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。在此，我会尝试用简单明了的文字，像大家系统的介绍HTTP缓存机制，期望对各位

qinghe00 / 0评论 2019-12-30

面试官：让你实现一个秒杀系统，你会怎么设计？

自2011年首次出现以来，无论是双十一购物还是 12306 抢票，秒杀场景已随处可见。简单来说，秒杀就是在同一时刻大量请求争抢购买同一商品并完成交易的过程。从架构视角来看，秒杀系统本质是一个高性能、高一致、高可用的三高系统。而打造并维护一个超大流量的秒杀系

绝不后退 / 0评论 2019-12-28

填报集群的部署与访问

此时机器 B 想要远程访问机器 A 的 Test.sht 文件，只需要访问 inputA_test 缓存文件，这样可以减少报表计算。集群的机器设置端口号时，应选择空闲的可用端口。

huangzonggui / 0评论 2019-12-28

Apache网页优化之缓存

Apache 的mod_expries 模块会自动生成页面头部信息中的 Express标签和 Cache-Control 标签。客户端浏览器根据标签决定下次访问是在本地机器的缓存中获取页面，不需要再次向服务器发出请求，从而降低客户端的访问频率和次数，达到减

chenjia00 / 0评论 2019-12-23

liunx学习16章-使用Squid部署代理缓存服务

Squid是Linux系统中最为流行的一款高性能代理服务软件，通常用作Web网站的前置缓存服务，能够代替用户向网站服务器请求页面数据并进行缓存。简单来说，Squid服务程序会按照收到的用户请求向网站源服务器请求页面、图片等所需的数据，并将服务器返回的数据存

baynkbtg / 0评论 2019-12-15

前端性能优化

性能优化，一直作为前端的一个热点问题，作为一个优秀的前端开发人员，性能优化时必备技能。本文将从减少http请求次数、减少单次请求资源大小、渲染优化、资源加载优化等四个大方向，下分诸多小方向，全面总结常用前端优化方法。　　强缓存是利用http头中的Expir

GimmeS / 0评论 2019-12-15

Chrome关闭缓存

经常需要用浏览器进行调试，最常用的就是chrome浏览器了，但是缓存cache是个让人头痛的问题。

Safari浏览器 / 0评论 2019-12-13

(五)Java秒杀项目之页面优化

而对象缓存粒度很小，比如通过token来拿到用户。所有前端页面都是HTML，通过JS、Ajax来访问服务端拿到数据渲染页面。如果只做页面缓存，那么客户端仍然需要到服务端下载页面数据，有了页面静态化之后，这样浏览器就可以将HTML缓存到客户端，页面数据就不需

baynkbtg / 0评论 2019-12-10

浏览器缓存剖析

浏览器缓存是优化网站，提升网站性能的有效方法。浏览器缓存一般指对服务器返回静态资源在客户端的备份。基于Chrome浏览器版本 78.0.3904.97;firefox默认过期时间都是0，设置其他值也无效。浏览器缓存策略指的是，先判断是否允许浏览器缓存。该字

jjddrushi / 0评论 2019-12-09

HTML5 应用程序缓存

运城SEO：使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。减少服务器负载 - 浏览器将只从服务器下载

Safari浏览器 / 0评论 2019-12-04