在读本文前你要确保读过我的上篇文章<扼杀 304,Cache-Control: immutable>,因为本文是接着上文写的.上文说到,在现代 Web 上,“条件请求/304 响应”绝大多数都是浪费资源,因为绝大多数静态资源都是永恒不变的,因此 Firefox 实现了 Cache-Control: immutable 来让开发者们控制用户浏览器的刷新行为,即在刷新时不要对这些资源文件进行条件请求(缓存不过期的前提下). Chrome 至今迟迟没有实现 Cache-Control: immuta…
chrome最新版49跨域问题   一.最新版49要用新的参数 加--user-data-dirwindows:"C:\Program Files\Google\Chrome\Application\chrome.exe" --args --disable-web-security --user-data-dir OSX:$ open -a Google\ Chrome --args --disable-web-security --user-data-dir 并且开机重启,才会生效.…
每次使用返回是页面总是会刷新 导致了一些体验上的不愉快 现在 发现vue中的一个很方便的方法还可以用来优化性能就是: keep-alive缓存组件 <router-view v-if="!$route.meta.keepAlive"></router-view> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> <…
今天工作时又发现了一个小技巧 1.打开一个网站如:百度 2.打开F12开发者模式 3.右键浏览器的刷新按钮,会出现三个选项:正常重新加载,硬性重新加载,清空缓存并硬性重新加载 正常重新加载 Ctrl+R:正常重新加载. 硬性重新加载:Ctrl+Shift+R:浅层次的清除历史记录,但不一定缓存完全清除.(Ctrl+F5)同理. 清空缓存并硬性重新加载:可以深层次的清除所有的缓存.(建议用这个)…
本文链接:https://blog.csdn.net/zeroyulong/article/details/79806156 mac 强制刷新:command+shift+r mac 普通刷新:command+r windows 强制刷新:ctrl+f5 windows 刷新:f5 mac 开发者模式:option(alt)+command+i windows 开发者模式:F12 chrome  保留日志: 勾选Preserve log chrome  强制刷新: 勾选Disable cache…
前言 今年十月份,我曾发布一篇文章<Chrome53 最新版惊现无厘头卡死 BUG!>,不过那个BUG在最新的 Chrome 54 中已经修正. 而今天即将发布的Chrome弱智BUG: 仅 Chrome 53 - Chrome 55(2016-12-05发布的)中存在问题 国内双核浏览器 Chrome 45 中没有问题 Firefox,Edge,IE11-IE8浏览器中都没有问题 发现问题 最近在和客户沟通中,发现一个奇怪问题: 1. 页面中存在一个选项卡控件,选项卡里面是IFrame,页面…
SublimeText2下的LiveReload在SublimeText3下无法正常使用,本文整理SublimeText3安装LiveReload的方法.win7下实测可用! 安装成功后,就不需要再手动去F5刷新页面了,修改完代码Ctrl+S,浏览器自动刷新,如果是双屏,效率提升还是比较明显的. 工具 Chrome Sublime Text 3 Git Chrome安装LiveReload 在Chrome插件中心搜索"reload"并安装,(https://chrome.google.…
做项目的时候,会遇到这种情况,通过ajax从后台获取的数据在chrome上显示的是最新的,而在IE上却是以前的数据,这是为什么呢,在我百般调试下终于发现原来是因为IE的ajax缓存的原因,于是加上这段代码就ok了! // 设置Ajax操作的默认设置 $.ajaxSetup({ cache: false, error: function (XMLHttpRequest, textStatus, errorThrown) { if (typeof (errorThrown) != "undefine…
如果想禁止浏览器从本地缓存中调阅页面,可以设置网页不保存在缓存中,每次访问都刷新页面,下面是Meta在这方便的用法,需要的朋友可以参考下: <!-- 禁止浏览器从本地缓存中调阅页面.--> <meta http-equiv="pragram" content="no-cache"> <!--网页不保存在缓存中,每次访问都刷新页面.--> <meta http-equiv="cache-control" c…
IE FIREFOX 1.在firefox的地址栏上输入about:config回车2.找到browser.cache.check_doc_frequency选项,双击将3改成1保存即可. 那么这个选项每个值都是什么含义的.请看下面的解释: 0: Once per session 每个进程一次 每次启动Firefox时检查 1: Each time 每次访问此页时检查 2: Never 不检查 3: When appropriate/automatically 自动 这样我们就可以在firefo…
response对象处理HTTP文件头 制作人:全心全意 禁用缓存 在默认情况下,浏览器将会对显示的网页内容进行缓存.这样,当用户再次访问相关网页时,浏览器会判断网页是否有变化,如果没有变化则直接显示缓存中的内容,这样可以提高网页的显示速度.对于一些安全性要求较高的网站,通常需要禁用缓存. 通过设置HTTP头的方法实现禁用缓存: <% response.setHeader("Cache-Control", "no-store"); response.setDa…
升级到75.76版本后谷歌浏览器Chrome V75.0.3770.142 V76.0.3809.87新版,发现无法另存为/保存网页为MHTML了.原来chrome搞了个"Chrome Flag Ownership"的项目,目的是清理未使用的和过时的flags,现在save-page-as-mhtml仅作为开发者测试使用.就是说现在save-page-as-mhtml作为switch存在.所说解决方案是,右键chrome快捷方式,选择快捷方式一栏,在目标输入框chrome.exe后加入…
最近遇到个比较古怪的问题:当页面嵌套多个 Iframe 时会出现 Iframe 里包含的页面无法看到最新的页面信息. 初步解决方案,在 Iframe 指向的页面地址后缀添加一个随机数或者时间戳.这样能确保每次在加载页面时,让浏览器知道它是最新的页面.说白了就是欺骗下浏览器,躲过缓存的灾难.(这是从 Stack Overflow 和 CSDN 上找到一个看似可行,能彻底治根的办法. ) Sample Code: 通过 JS 产生随机数,把数据数当成参数传给页面地址 <script type="…
最近在Apache上做网站的静态资源缓存,但是各种配置之后,发现css和js返回的状态码都是200,为什么不是304? 找来找去在知乎上得到了答案. 来自知乎的一个回答 http://www.zhihu.com/question/35036322 apahce 2.4本身的一个bug.apache2.4同时使用gzip压缩和缓存,etag名字会自动变成“******-gzip”,当存在gzip时就会出现问题.可以在http.conf中添加 <IfModule mod_headers.c> &l…
opcache (全程 zend opcache): 从php5.5开始,默认提供的php脚本缓存扩展,编译php5.5时加上参数--enable-opcache就可以编译opcache了,只是要启用的话必须配置. 原理: 其实非常简单,opcache只是把把PHP执行后的数据(opcode)缓存到内存中从而避免重复的编译过程,能够直接使用缓冲区已编译的opcode代码从而提高速度,降低服务器负载 效果: 在实际应用当中能使QPS数大致增加3倍以上 注意事项: 启用opcache后,典型的问题就…
1.清除浏览器缓存 直接在浏览器设置里面清除浏览器的缓存会清除所有网站的缓存信息,这在某些时候是非常不方便的,毕竟不只有测试网站,还会有一些我们不想清除的信息也会被清除掉: 2.通过F12功能去清除浏览器缓存…
由于Chrome的代理设置与windows10的1703及以后的版本不兼容,导致无法使用代理功能,给工作带来了很大的不便.最近发现一款不错的Chrome代理插件Proxy SwitchyOmega,由于众 所周知的原因,无法直接从谷歌的商店安装插件,但Chrome72版以后也无法直接安装该插件,经过一番挫折,终于安装成功,特来分享一下安装的经验. 工具/原料   Chrome浏览器 方法/步骤     打开https://github.com/FelisCatus/SwitchyOmega/re…
现象 原文链接 证书详情: 原因 参考苹果官网给出的提示(https://support.apple.com/en-us/HT210176): RSA秘钥长度必须>=2048,小于这个长度的将不会被信任: 必须使用SHA-2签名,使用SHA-1签名证书将不会被信任: 解决 按照上述提示把证书秘钥长度改为2048或更高,并且采用SHA-2重新生成证书即可.…
在阅读本文前推荐你先阅读我的前两篇文章< 扼杀 304,Cache-Control: immutable>和<关于缓存和 Chrome 的“新版刷新”>:下面要说的两个问题是在淘宝(包括天猫等等)任意主流页面中都存在的,所以你可以随便打开一个页面进行测试:这两个问题我去年在微博上都简单提到过,这里做一下梳理总结. 一. 部分图片文件始终 304,无法直接读取缓存 淘宝网站上什么类型的请求最多?当然是图片了.拿淘宝首页举例,在 Chrome 的新标签页中先打开开发者工具,再打开淘宝首…
原文: http://www.winwin7.com/JC/4742.html dns缓存刷新时间是多久?一般来说,我们只知道DNS解析是互联网绝大多数应用的实际寻址方式,在我们打开某站点,DNS返回了正确的IP之后,此时系统会将dns缓存保存到本地,当我们再次访问该站点的时候会自动调用本地保存的dns缓存从而达到立马打开网页,速度非常快!但是dns缓存文件也是有时间限制的,当到了一定的时限便会自动刷新,其中比较特殊的要属于浏览器 DNS缓存,浏览器DNS缓存的时间跟DNS服务器返回的TTL值无…
*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin: 15px 0; } /* HEAD…
1.1  什么是查询缓存 mybatis提供查询缓存,用于减轻数据压力,提高数据库性能. mybaits提供一级缓存,和二级缓存. 一级缓存是SqlSession级别的缓存.在操作数据库时需要构造 sqlSession对象,在对象中有一个(内存区域)数据结构(HashMap)用于存储缓存数据.不同的sqlSession之间的缓存数据区域(HashMap)是互相不影响的. 一级缓存的作用域是同一个SqlSession,在同一个sqlSession中两次执行相同的sql语句,第一次执行完毕会将数据库…
最快的方式就是直接数据url,然后清除不须要的dns缓存. chrome://net-internals/#dns 一般步骤.要经过下列几项. Chrome - > 扳手 - > 选项 - > 高级选项 - > 去勾 "用预提取 DNS 提高网页加载速度"…
vue中前进刷新.后退缓存用户浏览数据和浏览位置的实践 2018年07月07日 11:58:40 大灰狼的小绵羊哥哥 阅读数:4492   vue中,我们所要实现的一个场景就是: 1.搜索页面==>到搜索结果页时,搜索结果页面要重新获取数据, 2.搜索结果页面==>点击进入详情页==>从详情页返回列表页时,要保存上次已经加载的数据和自动还原上次的浏览位置. 最近在项目中遇到这个问题,思考了几套方案,总是不太完善.百度搜到的方案也基本都只能满足一些很简单的需求.对于复杂一些的情况,还是有些…
使用ApplicationCache接口实现离线缓存 原文:http://www.mb5u.com/HTML5/html5_96464.html 推荐:html5 application cache遇到的严重问题在我们的3G版网站的项目中使用了html5 application cache,将大部分图片资源.js.css等静态资源放在manifest文件中,需要了解的朋友可以参考下 简介 离线访问对基于网络的应用而言越来越重要.虽然所有浏览器都有缓存机制,但它们并不可靠,也不一定总能起到预期的作…
Chrome开发者工具详解(4)-Profiles面板 如果上篇中的Timeline面板所提供的信息不能满足你的要求,你可以使用Profiles面板,利用这个面板你可以追踪网页程序的内存泄漏问题,进一步提升程序的JavaScript执行性能. 概述 当前使用的Chrome最新版为54.0.2840.71,这个版本的Profiles面板比之前提供的功能更多也更强大,下面是该面板所包含的功能点: Record JavaScript CPU Profile 用于分析网页上的JavaScript函数在执…
一 应用缓存(Application Cache) 1 应用缓存 HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问. 应用程序缓存为应用带来三个优势: 离线浏览 - 用户可在应用离线时使用它们 速度 - 已缓存资源加载得更快 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源. 2 浏览器支持 . FireFox浏览器查看页面缓存: 在FireFox浏览器中输入: about:cache FireFox ->选项->高级 Chrome…
概述 当前使用的Chrome最新版为54.0.2840.71,这个版本的Profiles面板比之前提供的功能更多也更强大,下面是该面板所包含的功能点: Record JavaScript CPU Profile 用于分析网页上的JavaScript函数在执行过程中的CPU消耗信息. Take Heap Snapshot 创建堆快照用来显示网页上的JS对象和相关的DOM节点的内存分布情况. Record Allocation Timeline 从整个Heap角度记录内存的分配信息的时间轴信息,利用…
使用HTML meta no-cache标签来禁用缓存 如何完美滴使浏览器访问一个 HTML 页面时禁用缓存?在测试某个 SPA 项目时,发现更改后 Chrome 浏览器页面刷新还是使用之前的版本.经调查发现 Chrome 默认缓存值为 300 秒. 经测试跨浏览器禁止缓存的 headers 如下:Cache-Control: no-cache, no-store, must-revalidatePragma: no-cacheExpires: 0Cache-Control is for HTT…
平时调试网页的时候经常会短时间多次修改html和css文件,已达到最好的体验效果,但是有时候因为浏览器缓存的原因就导致虽然代码修改了,但是 页面还是没什么变化, 经常以为是自己代码修改的不对, 之后发现是缓存原因简直抓狂. 有集中方法消除影响, 如果不是一直调试的话使用chrome的硬刷新即可, ctrl+shift+R, 也可以一劳永逸 在devtool里修改, 或者也可以直接在setting里修改 这样就不会影响到我们的调试了. 当然我更推荐的是使用webstorm的 实时调试功能,非常酷炫…