转自 | Nginx公众号 什么是Nginx： Nginx：高性能的 HTTP和反向代理服务器，同时支持作为IMAP/POP3/SMTP代理服务器。目前被很多网站应用为其HTTP软负载均衡器。...不过其中缺点就是不支持url来检测； 6、Nginx对请求的异步处理可以帮助节点服务器减轻负载；7、Nginx能支持http和Email； Nginx，软负载 优点：基于系统与应用的负载均衡，能够更好地根据系统与应用的状况来分配负载...F5的负载均衡功能 其实看到Nginx的原理和功能，是不是觉得已经不需要F5了？当然也不是，F5毕竟是负载均衡的老前辈，一直以来都以功能强大，性能稳定著称，很多功能其实是软负载无法做到的。...2、F5 BIG-IP可以确认应用程序能否对请求返回对应的数据。...假如F5 BIG-IP后面的某一台服务器发生服务停止、死机等故障，F5会检查出来并将该服务器标识为宕机，从而不将用户的访问请求传送到该台发生故障的服务器上。
在进行前端开发的时候（本文具体而言是编辑CSS 文件时候），常常要做的是刷新浏览器查看修改后的样式。...那么最常用到的就是F5 键了，以前在开发WordPress 主题的时候Jeff 都是傻傻按F5 刷新，一次开发下来F5 键的位置常常是油腻腻的，还担心坏了。...特别适合在双屏环境下进行 web 前端开发，使你不必在编辑器和浏览器之间不停的切换， 提高工作效率。...此插件不会更改任何 DOM 结构，也不会在你页面的 js 执行环境中执行任何 js ,绝不干扰你页面的任何代码； 在你没改变 css 的时候，页面不会 reload css ，调试面板中网络一栏不会多出很多请求...(除了file://方式打开的页面) 支持 css 和 page 不同域的情况； 支持 css 相对路径，绝对路径； 支持 @import ， @import 进来的 css 如果发生了改变也会
而后去产品那才发现她一直使用 F5 刷新页面。我告诉她 F5 和 Ctrl+F5 的区别后，也就有了这篇文章。...其实 F5 和 Ctrl+F5 使用的频率是很高的，可是在使用的时候有没有想过 F5 和 Ctrl+F5 的区别是什么？ 这篇文章会将 F5 和 Ctrl+F5 刷新页面的原理讲清楚。...F5 同 Ctrl+F5 的区别 为什么 F5 后请求的是缓存，而 Ctrl+F5 就重新请求资源呢？答案就是这两种方式发送的请求头不一样（不同的浏览器发送的请求头也有一些区别）。 F5 ?...在 chrome 浏览器中按 F5 后，看到资源的请求头中有 provisional headers are show 字样。这是为什么呢？ 原因：未与服务端正确通信。...读完 F5 同 Ctrl+F5 刷新页面的原理，其实你也把强缓存和协商缓存的区别也复习了一遍。
开发中遇到问题： 本地开发wordpress php项目，一开始进入页面正常显示，一按F5刷新页面就出现提示： 图片 控制台警告：crbug/1173575, non-JS module files deprecated...图片 解决方法： 测试方式：用其它浏览器来打开测试，结果表明其他浏览器F12正常，就谷歌问题。...终极方法：原因是谷歌浏览器网络设置的问题，之前在控制台，切换显示设备工具栏时，网络设置了离线状态，所以链接报错，切换回3G即可。 图片
今天自己学习了一些关于前端缓存的东西，不一定有什么特别的用，仅让自己知道缓存，说不定哪天就用上了。 前端分为HTTP缓存和浏览器缓存。...HTTP第一次请求之后，服务器会在返回的头部传回缓存的参数。然后第二次请求的时候浏览器判断这些参数是什么缓存类型，相应的返回。 HTTP缓存有强缓存和协商缓存（也有人叫对比缓存）。...强缓存： HTTP状态码是200，F5刷新和CTRL+F5刷新无效，强缓存一般用到两个key: Expires:缓存过期时间，再次发起请求之后，浏览器会先判断是否在有效期之内，如果是就直接使用本地缓存，...对比缓存（协商缓存）：HTTP状态码是304，是由服务器决定的，F5刷新有效，CTRL+F5刷新无效，对比缓存的key是成对出现的： Last-Modify/If-Modify-Since: 响应端先返回一个...说了这么多，HTTP缓存跟前端有什么关系？确实，大部分HTTP缓存是由服务器完成，关于前端怎么操作的没查到相关的文档，只知道可以通过meta标签禁用缓存和动态设置header。
浏览器是有缓存的，做开发的同学都知道浏览器缓存是非常蛋疼的问题，特别是前端开发的同学，明明改了为什么还没有生效，经常要去清理浏览器的缓存，或者禁用浏览器的缓存功能。...我们知道在浏览器中按F5是刷新页面，CTRL+F5是强制刷新页面，这两个有什么区别呢？ F5刷新会使用浏览器的缓存。...CTRL+F5刷新是不会使用缓存的，每次请求都会请求服务器的最新资源，它的原理就是在请求头上加上一些参数告诉服务器要获取最新的资源。...当使用普通刷新时，浏览器在请求之前会检查Expires这个值，如果Expires时间小于当前时间说明缓存已经失效，重新发起获取资源。...上面为强制刷新的情况，浏览器在请求头做了以下设置： Cache-control: no-cache Pragma: no-cache 即表示不使用本地的缓存直接向服务器重新获取资源。
最近在准备优化日志请求时遇到了一些令人疑惑的问题，比如为什么响应头里出现了两个 cache control、为什么明明设置了 no cache 却还是发请求，为什么多次访问时有时请求里带了 etag，有时又没有带...Etag：web服务器响应请求时，告诉浏览器当前资源在服务器的唯一标识（生成规则由服务器决定）。...3、用户行为与缓存 浏览器缓存行为还有用户的行为有关，如果大家对 强制刷新（Ctrl + F5） 还有印象的话应该能立刻明白我的意思~ 用户操作 Expires/Cache-Control Last-Modified.../Etag 地址栏回车 有效 有效 页面链接跳转 有效 有效 新开窗口 有效 有效 前进、后退 有效 有效 F5/按钮刷新 无效(BR重置max-age=0) 有效 Ctrl+F5刷新 无效（重置CC=...、F5、Ctrl+F5刷新网页的区别 http://cloudbbs.org/forum.php?
，无需请求服务器，同时如果同时声明Expires和Cache-Control，Expires将失效 ❝ ❝ ️你可能会有疑惑Cache-Control no-cache与max-age=0有什么区别？...❞ 本质上就是你按浏览器刷新与强制刷新的区分，看下一节 1.3 用户对浏览器的操作 ❝ 相信你离不开的操作就是F5（刷新按钮），但是不同的刷新操作意味着不同的反应 ❞ • Ctrl + F5 (强制刷新...)：：request header多了cache-control： no-cache （重新获取请求） • F5 (刷新)/ctrl+R刷新：：request header多了 cache-control...Etag是由服务端生成的，然后浏览器会将Etag与资源缓存 • 第二回合: 浏览器会将 Etag 放入 If-None-Match 请求头中去访问服务器，服务器收到后，会对比两端的标识，当两者不一致时...，直接用了浏览器缓存，性能最好的，没有网络请求，那么什么情况会出现这种情况？
，无需请求服务器，同时如果同时声明Expires和Cache-Control，Expires将失效 ?️...本质上就是你按浏览器刷新与强制刷新的区分，看下一节 1.3 用户对浏览器的操作 相信你离不开的操作就是F5（刷新按钮），但是不同的刷新操作意味着不同的反应 • Ctrl + F5 (强制刷新)：：...request header多了cache-control： no-cache （重新获取请求） • F5 (刷新)/ctrl+R刷新：：request header多了 cache-control：...Etag是由服务端生成的，然后浏览器会将Etag与资源缓存 • 第二回合: 浏览器会将 Etag 放入 If-None-Match 请求头中去访问服务器，服务器收到后，会对比两端的标识，当两者不一致时...，直接用了浏览器缓存，性能最好的，没有网络请求，那么什么情况会出现这种情况？
但是，Gulp目前拥有丰富的插件资源，开发人员可以根据项目的需求和个人偏好来配置使用这些插件，比如可以配置当修改了HTML文件浏览器自动刷新，也可以配置修改了CSS文件浏览器自动刷新。...2 浏览器自动刷新 F5键对于网页开发工程师来说再熟悉不过了，也是使用频率超高的一个键。网页开发工程师使用F5键的目的是及时预览当前网页开发的效果，方便他们对网页进行调试与修改。...这样的好处在于每次修改代码后，开发工程师不用去按F5键或移动鼠标到浏览器选中刷新查看效果，节省了大量重复性的操作时间，进一步提高了开发效率。...任务，名称自定义即可 // 浏览器自动刷新 gulp.task('f5', function(){ browserSync.init({ server:{...任务，名称自定义即可 // 浏览器自动刷新 gulp.task('f5', function(){ browserSync.init({ server:{
聪明的你一定已经发现，除了第一个名为12_77118的请求返回状态为200，其他的都为304，那么200和304有什么区别呢？这个稍后解释。...这是我第一次访问这个页面（表示本地并没有对这个文件的缓存），我们来看看http请求和响应的消息头： ? 图一 为了作为对比，我们再F5刷新一次： ?...（见图一） 浏览器也很聪明，当你再次（点击链接，或者F5，或者回车，但是不能是ctrl+F5）请求这个资源时，浏览器会询问server这个资源自上次告诉我的最后修改时间以来有没有被修改（请求头中If-Modified-Since...我们发现无论我们如何刷新页面，每次响应状态都是200，index.html的内容每次都被完整的发送给浏览器，这看起来很笨，为什么不像静态资源一样进行缓存协商呢？...我们看到总共发起了45个请求，请求的数据量为198.93KB，然后F5刷新一次： ?
聪明的你一定已经发现，除了第一个名为12_77118的请求返回状态为200，其他的都为304，那么200和304有什么区别呢？这个稍后解释。...Image(2) 这是我第一次访问这个页面（表示本地并没有对这个文件的缓存）： 我们来看看http请求和响应的消息头： ? 《图：一》 为了作为对比，我们再F5刷新一次： ?...（见图一） 浏览器也很聪明，当你再次（点击链接，或者F5，或者回车，但是不能是ctrl+F5）请求这个资源时，浏览器会询问server这个资源自上次告诉我的最后修改时间以来有没有被修改（请求头中If-Modified-Since...我们发现无论我们如何刷新页面，每次响应状态都是200，index.html的内容每次都被完整的发送给浏览器，这看起来很笨，为什么不像静态资源一样进行缓存协商呢？...我们看到总共发起了45个请求，请求的数据量为198.93KB，然后F5刷新一次： ?
聪明的你一定已经发现，除了第一个名为12_77118的请求返回状态为200，其他的都为304，那么200和304有什么区别呢？这个稍后解释。...Image(2) 这是我第一次访问这个页面（表示本地并没有对这个文件的缓存）： 我们来看看http请求和响应的消息头： 《图：一》 为了作为对比，我们再F5刷新一次： 《图：二》 这次请求的头信息中多了一条...（见图一） 浏览器也很聪明，当你再次（点击链接，或者F5，或者回车，但是不能是ctrl+F5）请求这个资源时，浏览器会询问server这个资源自上次告诉我的最后修改时间以来有没有被修改（请求头中If-Modified-Since...刷新返回的状态码都是200，让我们看看具体的请求和响应头： 我们发现无论我们如何刷新页面，每次响应状态都是200，index.html的内容每次都被完整的发送给浏览器，这看起来很笨，为什么不像静态资源一样进行缓存协商呢...理论到此为止，现在让我们来看看缓存协商机制有什么实际的好处： 还是红薯的那边文章，我们现在全加载（ctrl+F5）一次看看， 我们看到总共发起了45个请求，请求的数据量为198.93KB，然后F5刷新一次
对于大多数浏览器而言，都包含有三种刷新方式，以下我们以Chrome浏览器为例： F5刷新：这是最常用的刷新方式，它会根据缓存的有效期和修改时间，决定是否重新从服务器下载内容。...Ctrl+F5刷新：这是强制刷新的方式，它会忽略缓存的内容，强制重新从服务器下载所有内容，包括JavaScript文件，图像，文本文件等。这样可以保证显示网页的最新内容，但是会消耗更多的流量和时间。...Shift+F5刷新：这是清除缓存并刷新的方式，它会把浏览器中的临时文件夹的文件删除再重新从服务器下载。这样可以清除一些可能造成问题的缓存文件，但是也会消耗更多的流量和时间。...JS 代码实现F5的效果，清空缓存并刷新页面 JS 代码实现F5的效果，可以使用以下方法： window.location.reload(false) 方法会根据缓存的有效期和修改时间，决定是否重新从服务器下载内容...未经允许不得转载：w3h5-Web前端开发资源网 » JavaScript实现F5效果，清空缓存并刷新页面
今天给大家介绍一个经常被大家忽视的但非常实用的快捷键F5具体有哪些用法。...★万能快捷键★ F5 NO.1 浏览器刷新 刷新功能 F5最常用的就是网页刷新功能，相比这个大家都知道，其实网页刷新有两种情况，这个很多小伙伴肯定不知道吧，第一种情况就是直接按下F5键进行网页刷新，但是在一般特殊情况下直接按下...F5键并不能真正的刷新网页，那么就需要按下第二种方法Ctrl+F5键进行强制刷新了。...可以试试按F5，在弹出的定位工具中，你可以快速定位到某页，甚至还可以定位批注、图形、表格等。...快速回到上次编辑的光标处哦~ NO.4 Excel快速定位 Excel中，F5也可以定位，如下图是按F5后开启的定位窗格，结合不同定位条件可以实现很多功能。举几个简单的例子。
用户刷新/访问行为 我们可以把刷新/访问界面的手段分成三类： 在URI输入栏中输入然后回车/通过书签访问 F5/点击工具栏中的刷新按钮/右键菜单重新加载 Ctl+F5 在浏览器中，有时候你会发现通过不同的手段访问.../刷新界面页面的呈现速度是不一样的，那么它们到底有什么区别呢?...所以我们也能看到该资源的Size为from cache 2、F5/点击工具栏中的刷新按钮/右键菜单重新加载 F5的作用和直接在URI输入栏中输入然后回车是不一样的，F5会让浏览器无论如何都发一个HTTP...而在用户的不同刷新页面行为中，二者的结合也能很好的利用HTTP缓存控制特性，无论是在地址栏输入URI然后输入回车进行访问，还是点击刷新按钮，浏览器都能充分利用缓存内容，避免进行不必要的请求与数据传输。...参考资料 浅谈浏览器http的缓存机制 浏览器缓存 Last-Modified / Etag / Expires / Cache-Control 详解 Browser: F5 vs Ctrl+F5 Config
用户刷新/访问行为 我们可以把刷新/访问界面的手段分成三类： 在URI输入栏中输入然后回车/通过书签访问 F5/点击工具栏中的刷新按钮/右键菜单重新加载 Ctl+F5 在浏览器中，有时候你会发现通过不同的手段访问.../刷新界面页面的呈现速度是不一样的，那么它们到底有什么区别呢?...2、F5/点击工具栏中的刷新按钮/右键菜单重新加载 F5的作用和直接在URI输入栏中输入然后回车是不一样的，F5会让浏览器无论如何都发一个HTTP Request给Server，即使先前的响应中有Expires...而在用户的不同刷新页面行为中，二者的结合也能很好的利用HTTP缓存控制特性，无论是在地址栏输入URI然后输入回车进行访问，还是点击刷新按钮，浏览器都能充分利用缓存内容，避免进行不必要的请求与数据传输。...参考资料 浅谈浏览器http的缓存机制 浏览器缓存 Last-Modified / Etag / Expires / Cache-Control 详解 Browser: F5 vs Ctrl+F5 Config
那什么情况下我们复测前端 BUG 时需要清缓存，什么情况下不需要呢，下面我来和大家一起分析下： 一、复测前端 BUG 需要清缓存的情况 如果前面遇到这个问题的时候，我们打开过这个页面，开发修复后提交给我们复测...清除缓存的方法：Ctrl + F5，或者 Ctrl + Shift + R，或者「浏览器 -》更多工具 -》清除浏览数据」。...tips：Ctrl + F5 = Ctrl + Shift + R，代表当前页面缓存刷新。...二、复测前端 BUG 不必清缓存的情况 如果前面存在这个问题的时候，我们没有打开这个页面，开发修复后提交给我们复测，我们打开这个页面，网页会自动帮我们刷新一次。...三、复测后端 BUG 就不必要刷新页面 前面两种情况描述的是针对前端 BUG 的处理，如果是后端的 BUG，并且和前端不想干的，不必要刷新页面，只要调接口了只能就能看到修改之后的内容。
云服务器
ICP备案
对象存储
实时音视频
云直播
