0x00 起因 不久前@三好学生师傅买了一个wooyun wifi,然后聊到了缓存投毒： 然后看到wooyun wifi的这个说明： 默认情况下该功能附带缓存投毒功能，将视图缓存所有的页面至2099年
0x00 引言 首先声明，这不是一个新洞，看过 Homakov 文章（最后附）以及译文的人想必对这种漏洞有所了解。 但原文写的太过简单（没有说明利用条件、情景和特性），且译文和我的理解略有偏差，于是就有了这篇文章。 这种漏洞已经存在一段时间了，有没有被利用过尚不得知，虽然利用条件较苛刻，但是当符合条件的站点被攻击后， 影响面和影响程度巨大，并且普通用户不知如何清除, 可导致长期持续攻击。 2014年底的时候，这种漏洞的利用条件没有现在苛刻（比如没有Service-Worker-Allowed头），一年过来
浏览器在加载和显示网页时，会根据不同的情况，决定是否重新从服务器获取网页内容或使用缓存中的内容。缓存是指浏览器在本地存储的一些网页资源，如图片、CSS、JS等，以便于下次访问时快速加载，提高用户体验和网站性能。
浏览器缓存（Browser Caching）是为了节约网络的资源加速浏览，浏览器在用户磁盘上对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁盘显示文档，这样就可以加速页面的阅览
npm run build 的原理是利用 Vue CLI 的构建工具，根据项目中配置的各种规则，将源代码转换成可在浏览器中运行的静态文件。 npm run build 主要做了以下几个操作：
摘要：我们在做web开发的时候特别是在调试js时，会经常使用的google浏览器，这个时候就要我们修改过的代码可能不能生效。这是因为我们的浏览器默认是有缓存的，但是有的时候缓存可能使我们调试中的一大恶魔。在这里就介绍一下google浏览器不设置缓存的方法。
WP Fastest Cache 是一个多功能缓存插件，通过创建HTML文件来帮助减少您网站的页面加载时间，由于 WordPress 网站是通过 PHP 和 MySQL数据库呈现的，因此每次从服务器请求页面时都需要使用 RAM 和 CPU，会减慢加载时间，并在用户的计算机或设备以及数据库上投入更多精力。但是，使用缓存系统，页面会呈现一次，然后存储为静态 HTML 文件，从而减少每个新访问者的加载时间。
最近把前端缓存重新整理了一下，从整体的层面上把前端所有能用的缓存方案梳理了一遍。同时，对于http缓存，使用了表格的方案，使得原先晦涩难记的特性变得清晰明了。特记录于此，若有什么欠缺，也望不吝指出。
最近公司比较忙，加上重磅好剧隐秘的角落来袭，重学前端系落下了，最近闲来无事，续上！作为一名前端工程师，除了编辑器，浏览器当然使我们打交道最多东西，虽然我们每天都在用，但是对他却不慎了解，不信？接下来给你一些灵魂拷问！
Cookie是服务器发送到用户浏览器并保存在本地的一小块数据。cookie一般由后端设置，并通过response流发送给前端并设置过期时间。
以前很少关注这方面的问题，直达我们的技术经理找我们说要换框架，为什么换框架呢，因为缓存的问题，原来的项目是用版本号作为刷新的依据的。因为微信 公众号上有这样一个机制，使用版本好的话，有时做不到及时刷新，所以就用了vue.js,因为它有这样的功能就是如果某个文件里面的数据改变了，那么vue.js就会把这个文件的名字也相应的改掉，所以缓存里面的东西 就用不了了，这样就做到了及时刷新，向后台请求数据。
web网站修改后，在浏览器端缓存的内容，将极其严重的影响效果，用户根本看不到改版的内容。这个问题，困扰我已久。 iis时代，我好像还没有太多的印象，新网站只要把iis重启一下，一般都刷过去了，要不就用iisreset，基本解决，重启都不用。但在apache+flask下，别说重启apache了，重启服务器也没用，缓存依然在。把我的解决途径记录一下： 1.本地。清理浏览器缓存就行。我用360浏览器，至少这点很方便，菜单好找，还有快捷键。Ctrl—Shift—Del，菜单“清除上网痕迹”，默认的就行，不会把Co
在日常网页建设时，如遇到更新页面css的时候，需要Apache进行清除以清除所有浏览器上的缓存,从而强制完全重新加载站点。
最近公司里让我研究PWA，经过几天的研究发现PWA竟是如此万能，功能接近手机原生APP，最大的优点是它的离线缓存机制，这主要得益于ServiceWorker！
上传代码之后，有的时候需要清除浏览器的缓存才能看到修改的效果，那么用户他们如果没有清除浏览器缓存，那我们的更新岂不是没用了，下面有几行html代码应该可以解决这种状况： <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT= "no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT= "Wed, 26 Feb 199
客户端缓存分为Http缓存和本地缓存,使用缓存好处很多,例如减少相同数据的重复传输,节省网络带宽资源缓解网络瓶颈,降低了对原始服务器的要求，避免出现过载，这样服务器可以更快响应其他的请求
1 H5 缓存机制介绍 H5，即 HTML5，是新一代的 HTML 标准，加入很多新的特性。离线存储(也可称为缓存机制)是其中一个非常重要的特性。H5 引入的离线存储，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。 H5 应用程序缓存为应用带来三个优势： 离线浏览 用户可在应用离线时使用它们 速度 已缓存资源加载得更快 减少服务器负载 浏览器将只从服务器下载更新过或更改过的资源。 根据标准，到目前为止，H5 一共有6种缓存机制，有些是之前已有，有些是 H5 才新加入的。 浏览器缓存机制
浏览网页时最常见的错误之一是“503 服务不可用错误”，此消息表明 Web 服务器遇到技术问题并且无法处理请求。
参考资料： https://blog.csdn.net/Hoshea_chx/article/details/78826689 https://www.jianshu.com/p/8681ab76da08 https://www.cnblogs.com/sqlsec/p/hexo.html
离线存储可以将站点的一些文件存储在本地，它是浏览器自己的一种机制，将需要的文件缓存下来在没有网络的时候可以访问到缓存的对应的站点页面，包括html，js，css，img等等文件在有网络的时候，浏览器也会优先使用已离线存储的文件，返回一个200（from cache）头。这跟HTTP的缓存使用策略是不同的。
越是开放性的题目，更能体现回答者的水平，一场好的面试，不仅能发现面试者的不足，也能找到他的闪光点，还能提升面试官自身的技术
作为一名优秀的前端开发者，必须了解浏览器以及http协议中的缓存策略。因为在日常的开发中，我们会经常接触到一些性能优化的需求，那么缓存（cache）这种技术无论是在前端开发领域也好，后端开发领域也好，也是一种非常常见以及有效的方案。只是前后端之间的缓存方式不太一样，而且后端很多时候需要缓存的是数据，而前端往往需要利用浏览器和http协议去缓存数据或者文件，从而达到提升加载速度的效果。
戳蓝字“IMWeb前端社区”关注我们哦！ 文/devinnzhang 腾讯TEG事业群——前端开发 工程师 0写在前面 前端持久化就是要将数据永久的保存在前端，让数据难以删除或者删除后能够重新恢复。存储的数据可以理解为是一种 “僵尸数据”，下面介绍一种前端持久化方法 -- evercookie。 （左右滑动查看代码） 1evercookie简介 evercookie是由Samy Kamkar（美国白帽黑客、安全研究员）开发的一组jsApi，它的目的在于持久化cookie，即使用户清除标准cookie、Fl
我们在浏览网站的时候，不可避免的需要消耗自身计算机资源，比如带宽、cpu、存储等等，这些资源会随着访问时间的延长而产生一定的数据碎片，在我们没有关闭浏览器的时候，这些碎片会一直存在的，那么作为开发者我们开发的网站是否优质，是否对用户计算机负担小，打开是否未低时延这些就是我们用来衡量网站是否卓越的指标了。
vue 项目打包上线之后，每一次都会有浏览器缓存问题，需要手动的清除缓存。这样用户体验非常不好，所以我们在打包部署的时候需要尽量避免浏览器的缓存。下面是我的解决方案：
IIS为了提高性能，默认情况下会对静态文件js，html，gif，png等做内部缓存，这个缓存是在服务器iis进程的内存中的。IIS这么做在很大程度上可以提高静态文件的访问性能，在正常情况下只要静态文件更新了IIS也会更新缓存。但是如果更新的静态文件很多就有可能出现缓存不更新的情况。
平时在页面开发过程中，常会感觉有几个地方不太便利，例如： （1）浏览器中打开的标签页太多，调试的页面是其中的一个，感觉被淹没了，比如查看完其他网页资料，然后编辑代码，再找调试页面时就比较麻烦，得从众多标签页中寻找 （2）开发中有时需要清除浏览器缓存，但这可能影响已经打开的其他网站 （3）每次修改完代码后，需求手动刷新页面查看效果 后来我就使用单独的浏览器打开调试页面，这样可以使用 ctrl+tab 快捷键快速打开，并且清除缓存也不影响其他网页，然后使用 browsersync 来自动刷新 正好前阶段发现一个
一键压缩打包前后台的JS和CSS, 根目录中执行下面命令后,在浏览器清除缓存刷新才能生效
Web前端技术由html、css和javascript三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，对应的每个知识点点到为止，不作详细介绍。目的是帮助大家审查自己的知识结构是否完善，如有遗漏或不正确的地方，希望共勉。
最近一段时间，连续遇到了两次跟重定向相关的问题，本着知己知彼百战百胜的态度，我决定深入了解一下，顺便跟大家分享一下。 加入我们一起学习，天天进步 作为前端开发，大家对重定向一定不陌生，不就是永久重
传统的web程序中浏览器也会对资源文件进行cache，但是并不是很可靠，有时起不到预期的效果。而HTML5中的application cache支持离线资源的访问，为离线web应用的开发提供了可能。 使用application cache能够带来以下几点收益：
服务器环境： php7.2 nginx 1.14 ubuntu 18.04 测试浏览器:谷歌浏览器 70.0.3538.110（
1 H5 缓存机制介绍 H5，即 HTML5，是新一代的 HTML 标准，加入很多新的特性。离线存储（也可称为缓存机制）是其中一个非常重要的特性。H5 引入的离线存储，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。 H5 应用程序缓存为应用带来三个优势： 离线浏览 用户可在应用离线时使用它们 速度 已缓存资源加载得更快 减少服务器负载 浏览器将只从服务器下载更新过或更改过的资源。 根据标准，到目前为止，H5 一共有6种缓存机制，有些是之前已有，有些是 H5 才新加入的。 浏览器缓存机制
数据库专题（四） ——各类缓存技术 （原创内容，转载请注明来源，谢谢） 一、概述 缓存（Cache）技术原指高速数据，当CPU处理数据的时候，会先去缓存里面找，有的话就直接返回，不用再去RAM取数据。但是现在缓存已经不仅指cpu的操作了，而在程序中更多的是指内存和硬盘之间的缓存。凡是速度差距较大的两者，有介于中间的速度差异的结构，均可以称为用cache。速度排序，CPU>内存>硬盘，因此cpu到内存、内存到硬盘都有缓存。 1、优势 缓存利用相对高速的速度减少介质交互、低速操作等，例如减少网络I/O、减少
Service Worker 以其 异步安装 和 持续运行 两个特点，决定了针对它的更新操作必须非常谨慎小心。因为它具有拦截并处理网络请求的能力，因此必须做到网页(主要是发出去的请求)和 Service Worker 版本一致才行，否则就会导致新版本的 Service Worker 处理旧版本的网页，或者一个网页先后由两个版本的 Service Worker 控制引发种种问题。
作为苦逼的IT行业，没日没夜的加班，妹纸也少的可怜，就算在一个班办公室或者一个部门，可能也只有一个妹纸，但估计也轮不到你来上，只能眼巴巴的放着光。可是程序猿一直以老实、踏实、多金等美名著称。只要你学的
简单的说,通过域名,最终得到该域名对应的IP地址的过程叫做域名解析（或主机名解析）。
OpenLiteSpeed是由LiteSpeed Technologies开发和维护的高性能事件驱动的开源Web服务器。 在这篇文章中，我们将看到我们如何使用CyberPanel来启动和运行在OpenLiteSpeed的LSCache和WordPress只需点击几下。
TensorFlow.js是一个基于deeplearn.js构建的强大而灵活的Javascript机器学习库，它可直接在浏览器上创建深度学习模块。使用它可以在浏览器上创建CNN(卷积神经网络)、RNN(循环神经网络)等等，且可以使用终端的GPU处理能力训练这些模型。接下来我们将学习如何建立一个简单的“可学习机器”——基于 TensorFlow.js 的迁移学习图像分类器。
关于何为前端缓存，这里结合具体实际给出一个简单的定义：在两次不同的运行时中，能够共享的数据可以成为前端缓存。如何理解两次不同的运行时呢，可以理解为两次不同的页面加载过程。比如加载A页面，得到上下文环境：RunTime1，加载B页面，得到上下文：RunTime2。这两个运行时可以共享数据Front_CacheData_AB。A页面和B页面可以同时在运行时，也可以A页关闭后再打开B页面。下图1比较形象的给出了前端缓存的这种定义~
http请求做为影响前端性能极为重要的一环，因为请求受网络影响很大，如果网络很慢的情况下,页面很可能会空白很久。对于首次进入网站的用户可能要通过优化接口性能和接口数量来解决。但是，对于重复进入页面的用户，除了浏览器缓存，http缓存可以很大程度对已经加载过的页面进行优化。
这是第 82 篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队 关注我们吧～ 写在前面 工欲善其事，必先利其器，本文之器非器具之器，乃容器也，言归正传，作为一个前端打工人，左手刚
输入url后，首先需要找到这个url域名的服务器ip,为了寻找这个ip，浏览器首先会寻找缓存，查看缓存中是否有记录，缓存的查找记录为：浏览器缓存-》系统缓存-》路由器缓存，缓存中没有则查找系统的hosts文件中是否有记录，如果没有则查询DNS服务器。
❝ 本文介绍一些与前端数据存储有关，「有趣、好玩、有用」的开源库。除此之外，还会让你掌握各种 Web 存储方案的特点，赶紧来了解一下。 ❞
前端的数据存储方式，你除了用过 Cookies、localStorage 和 sessionStorage 外，还有用过其它的存储方式么？其实除了前面提到的 3 种存储方式，目前主流的浏览器还支持 Web SQL 和 IndexedDB。
有一个困扰 web 用户多年的难题——丢失网络连接。即使是世界上最好的 web app，如果下载不了它，也是非常糟糕的体验。如今虽然已经有很多种技术去尝试着解决这一问题。而随着离线页面的出现，一些问题已经得到了解决。有一个叫做 APP Cache 的 API 可以提供离线体验，但它的问题比较多。最重要的问题是，仍然没有一个好的统筹机制对资源缓存和自定义的网络请求进行控制。
install 事件回调中有两个方法： * event.waitUntil()：传入一个 Promise 为参数，等到该 Promise 为 resolve 状态为止。 * self.skipWaiting()：self 是当前 context 的 global 变量，执行该方法表示强制当前处在 waiting 状态的 Service Worker 进入 activate 状态。 * 安装后( installed )：Service Worker 已经完成了安装，并且等待其他的 Service Worker 线程被关闭。 * 激活( activating )：在这个状态下没有被其他的 Service Worker 控制的客户端，允许当前的 worker 完成安装，并且清除了其他的 worker 以及关联缓存的旧缓存资源，等待新的 Service Worker 线程被激活。
因为工作上的需要，刚好有跨端和离线缓存的需求，就开始深入研究很早之前就关注的 PWA 技术。也刚好赶上微软、英特尔与谷歌携手举办的“第二届中国 PWA 开发者日”。有幸可以参加这次盛会，在会上，我们看到了很多新的工具和技术。
Web前端技术由html、css和 javascript三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，对应的每个知识点点到为止，不作详细介绍。目的是帮助大家审查自己的知识结构是否完善，如有遗漏或不正确的地方，希望共勉。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
