浏览器在加载和显示网页时，会根据不同的情况，决定是否重新从服务器获取网页内容或使用缓存中的内容。缓存是指浏览器在本地存储的一些网页资源，如图片、CSS、JS等，以便于下次访问时快速加载，提高用户体验和网站性能。
哈喽大家好，本期是微信小程序专栏第十五期。本期主要内容是使用缓存在本地模拟服务器数据库。主要包括了解应用程序的生命周期、Storage缓存初始化、设置缓存和清理缓存等。 每期内容是连载呢，建议大家可以看看往期内容，更好理解噢~
之前张戈博客全站启用了 https，并分享了相关经验心得。用了一段时间，问题还是不少，所以继续整上一篇文章，汇总一下网站启用 https 之后出现的问题以及解决办法。 在分享这些问题之前，我先分享一个国内支持 https 的 CDN，让个人博客也能无忧启用 https，而不暴露真实 IP。 我现在用的是腾讯云内测的支持 https 的 CDN，其他人也就暂时用不了。本以为国内基本就没有其他支持 https 的 CDN 了，结果晓庄等几个博主留言分享了一个支持 https 的 CDN——VeryCloud。
超文本传输协议（HyperText Transfer Protocol，HTTP）是目前使用最广泛的应用层协议。在网站、App、开放接口中都可以看到它。HTTP 协议设计非常简单，但是涵盖的内容很多。
在查看网页源码的时候经常会发现带有类似 ?v=13566 或者 ?version=15678 的 CSS 和 JS 文件。如下所示： <script src="w3h5.js?version=1568
Web缓存是存在服务器和客户端之前的资源副本。客户端会缓存请求过的静态资源（图片，CSS 文件，JS文件等），当用户再次请求相同的url时，浏览器会根据缓存规则判断是否使用已经缓 存的静态资源文件，或者绕过资源缓存直接请求服务器重新获取资源。
一键关闭宝塔面板强制登陆方法，先安装宝塔，如果登陆啥事都没有最好，如果提示必须要登陆宝塔账户，那么，在terminal里执行。
Nginx 缓存作为性能优化的一个重要手段，可以极大减轻后端服务器的负载。下面我们将介绍 Nginx 缓存配置的相关指令以及 http 缓存机制，以及 Nginx 缓存实践案例分析。
Cache 的设计是个基础计算机理论，也是程序员的重要基本功之一。Cache 几乎无处不在，CPU 的 L1 L2 L3 Cache、iOS 系统的 clean page 和 dirty page 机制、HTTP 的 tag 机制等等，这些背后都是 Cache 设计思想的应用。 上一篇介绍了关于 HTTP 的基础知识，本篇对 HTTP Cache 做一个完整的介绍。
HTTP 缓存是前端面试必问的知识点，大多数前端也都能答出强缓存和协商缓存来，但如果换个问法呢？
把这个 loader 放置在其他 loader 之前， 放置在这个 loader 之后的 loader 就会在一个单独的 worker 池(worker pool)中运行
宝塔面板更新后原来的“跳过强制手机号登陆绑定账户”方法已经失效因为新版本宝塔面板已经开始验证 userInfo.json，而且目前没有任何的方法可以跳过强制手机号登陆绑定账户的解决方法，宝塔面板强制登陆问题，因为登陆信息与软件列表绑定。目前无法直接破解、删除、绕过登陆。只能通过降级到宝塔面板 7.7.0 来解决这个问题。
Service Worker 以其 异步安装 和 持续运行 两个特点，决定了针对它的更新操作必须非常谨慎小心。因为它具有拦截并处理网络请求的能力，因此必须做到网页(主要是发出去的请求)和 Service Worker 版本一致才行，否则就会导致新版本的 Service Worker 处理旧版本的网页，或者一个网页先后由两个版本的 Service Worker 控制引发种种问题。
脚手架一词最早来源于建筑工程领域，是一种辅助工程建设的临时性设施。引申到软件开发领域，脚手架作为一种创建项目初始文件的工具被广泛地应用于新项目或者迭代初始阶段。
字节码缓存（Bytecode Cache），是浏览器性能优化机制中重要的一项，通过缓存 解析（pasing）+编译（compilation）的结果，减少网站的启动时间；当前市面上主流的浏览器都实现了字节码缓存功能；
处理好浏览器缓存对提升系统的性能有很大的帮助，为什么要使用缓存，我们一般请求资源后直接使用，当我们再次请求资源时，还要继续从服务器拿到数据吗？答案不以为然，当第一次请求资源后，可以进行缓存，然后再次请求资源时可以直接从缓存中读取，提高了效率。
当您的站点接入EdgeOne 产品后，您可以通过规则引擎来帮助您自定义您的站点加速、缓存及响应规则，帮助您更灵活地实现响应客户端请求。
可复用性有几个优点。首先，由于不需要将请求传递到源服务器，因此客户端和缓存越近，响应速度就越快。最典型的例子是浏览器本身为浏览器请求存储缓存。
前端优化是一个大的课题，需要花好多时间才能理解，之前对前端优化陆陆续续有一些了解。所以这次从渲染优化，打包优化，代码优化做了一个系统的总结，并且引申出了几个需要关注的问题，文章可能有点长，大家一定要看到最后。最后写作不易，希望觉得还可以的话，帮忙点赞一波，提前感谢了。当然如果有写不好的地方，也请指出来，我会积极改进，共同成长。
在开发时候经常遇到一个问题,我们根据版本号去控制缓存问题,当我们发布新版本，使用心得版本号的时候，发现 html 里面引用的版本号却是旧的版本号 ，原来是该 html 文件被缓存了,很多时候我们设置禁止 html 文件被缓存,但依然会出现被缓存的情况。
互联网有一项著名的8秒原则。用户在访问Web网页时，如果时间超过8秒就会感到不耐烦，如果加载需要太长时间，他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载。
近日，著名硬件黑客Samy Kamkar利用5美元设备打造的黑客工具PoisonTap，只需30秒，就可以攻破设置有任意密码的电脑系统，并实现长期后门安装。PoisonTap不是暴力破解密码，而是绕过密码。 PoisonTap的标配：5美元的树莓派微型电脑Raspberry Pi Zero、USB适配器、内置免费漏洞利用软件。 目前，相关软件和利用工具已在Github提供下载，Raspberry Pi Zero在某宝上也有售卖，感兴趣的童鞋可以尝试打造属于自己的PoisonTap神器。 以下为Poiso
“眼尖”的朋友，已经看到张戈博客已全面启用 https 了，当然这几天站点 502 也是常用的事情。不过到我写这篇文章为止，应该算是安定了下来。 自从百度推荐全站 https 以来，一直就想让博客跟上这个节奏。可惜，国内所有的免费 CDN 都不支持 https。所以要开启 https 势必要暴露网站真实 ip，按照现在张戈博客被攻击的节奏，估计一暴露就没有了安生的日子！ 偶尔的心血来潮，百度了一把支持 https 的 CDN，打开了腾讯云的一个 Q&A： 1.3CDN 支持 https 吗？ https
Cache-Control 比Expires比较要内涵，具备更多的属性，其中包括如下
客户端缓存分为Http缓存和本地缓存,使用缓存好处很多,例如减少相同数据的重复传输,节省网络带宽资源缓解网络瓶颈,降低了对原始服务器的要求，避免出现过载，这样服务器可以更快响应其他的请求
详细资料可以参考：《JavaScript 有几种类型的值？》《JavaScript 有几种类型的值？能否画一下它们的内存图；》
每次页面加载成功后，就会调用 register() 方法，浏览器将会判断 service worker 线程是否已注册并做出相应的处理。 scope 参数是可选的，默认值为 sw.js 所在的文件目录。 打开 chrome 浏览器, 输入 chrome://inspect/#service-workers 可以可以用 DevTools 查看 Service workers 的工作情况。
按照微信小程序官方文档的说明，小程序的更新机制主要分为未启动时更新和启动时更新两种模式。启动时更新会在小程序冷启动时异步检查是否有新版本，如果有新版本，会下载下来，等下次冷启动时候使用新版本代码进行启动；而未启动时更新会有定时检查器对最近7天内使用过的小程序进行定时检查是否有新版本，每6小时一次，如果有新版本就会预下载，下次冷启动时候可以直接使用最新的版本。
浏览器要将URL解析为IP地址，解析域名就要用到DNS协议，首先主机会查询DNS的缓存，如果没有就给本地DNS发送查询请求。DNS查询分为两种方式，一种是递归查询，一种是迭代查询。如果是迭代查询，本地的DNS服务器，向根域名服务器发送查询请求，根域名服务器告知该域名的一级域名服务器，然后本地服务器给该一级域名服务器发送查询请求，然后依次类推直到查询到该域名的IP地址。DNS服务器是基于UDP的，因此会用到UDP协议。
Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。就像我们可以从官方文档了解那样，它的目的是解决这些团队使用 npm 面临的少数问题。
写完后，部署上线。然而我们要考虑充分利用浏览器缓存，我们的目标是资源文件直接读取浏览器缓存，于是给它设置 Cache-Control/Expires 和 Last-Modified/ETag。Cache-Control/Expires的作用是在缓存时间内，正常进入页面，浏览器不会发出请求，直接读取浏览器缓存资源。如果用户点击“刷新”按钮或缓存时间消失，浏览器会发送请求，并根据Last-Modified/ETag判断内容是否有更新，如果内容没更新，服务器返回304。
【转载请注明出处】：https://blog.csdn.net/huahao1989/article/details/107730210
采用域名分片技术，将资源放到不同的域名下。接触同一个域名最多处理6个TCP链接问题。
本文首发于饿了么前端——知乎专栏 大家可以点击文章底部的阅读原文来访问原文 Progressive Web Apps 是 Google 提出的用前沿的 Web 技术为网页提供 App 般使用体验的一系
很多网站的资源后面都加了版本号，这样做的目的是：每次升级了JS或者CSS文件后，为了防止浏览器进行缓存，强制改变版本号，客户端浏览器就会重新下载新的JS或CSS文件，以保证用户能及时获得网站的最新更新。
近期，随着新版互推联盟自适应 iframe 代码的推出，调用的博友也慢慢增加了 ，这是很高兴的事情，也有博友反应调用的这个页面加载会有点慢。我来说明一下，因为这个互推联盟这个页面是纯动态页面，也就是每次刷新都要重新从数据库查询并输出，而且随着成员越来越多，这加载速度也会越来越慢，而且，对玛思阁的服务器也会造成更大的负载。这是一个需要解决的问题。 第一时间，我就想到使用静态缓存此页面的方法来解决加载过慢的问题。于是就安装了 WP-Super-Cache 这个插件，并根据实际情况设置了下，发现效果还不错！但还是
Hexo 是一款基于 Node.js 的静态博客生成器。有别于传统的 WordPress、Typecho 等由服务端渲染的动态博客程序，Hexo 可以遍历博客的各个页面，将博客文章等内容渲染到主题（即页面模板）之中，生成全部页面的 HTML 文件及其引用的 CSS、JS 等静态资源。这些静态资源文件常常通过托管到 Pages、托管到对象存储或者自建 Nginx 服务器的方式来对外提供访问。
vue项目打包后，在非首次线上替换dist文件时，某些手机/浏览器在之后首次打开页面，可能出现白屏情况。那么该问题产生原因是什么呢？我们又该如何应对呢？
由于刚毕业腾讯云校园优惠套餐结束，无法进行套餐续期。目前将博客数据迁移到阿里云轻量云服务器，带宽5M是腾讯云带宽的5倍。以前也开过CDN但由于各种原因关闭了。近期迁移数据时考虑到腾讯云给的是1M带宽，访问量多时比较慢，而目前使用的阿里云也仅仅只有5M带宽。
浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：
Tips：部分CDN服务商会对部分内容默认设置为缓存状态（即在CDN配置界面缓存规则为空，但由于服务商默认缓存规则，CDN实际上缓存了这些内容）因此，本文的写作基于下述情况，即所有的内容默认均为不缓存状态（大部分CDN服务商都是如此），需要自行添加缓存规则。
使用child_process模块可以开启多个子进程，在多个子进程之间可以共享内存空间，可以通过子进程之间的互相通信来实现信息的交换，多个子进程之间也可以通过共享端口的方式将请求分配给多个子进程来执行。
最近公司比较忙，加上重磅好剧隐秘的角落来袭，重学前端系落下了，最近闲来无事，续上！作为一名前端工程师，除了编辑器，浏览器当然使我们打交道最多东西，虽然我们每天都在用，但是对他却不慎了解，不信？接下来给你一些灵魂拷问！
缓存对于前端页面来说，是加速页面加载的利器之一，但也同时带来了很多问题，比如新版本发布之后，怎么替换客户端上的缓存文件呢？大家一般的的解决方案主要有以下几种形式，
在介绍缓存的时候，我们习惯将缓存分为强缓存和协商缓存两种。两者的主要区别是使用本地缓存的时候，是否需要向服务器验证本地缓存是否依旧有效。顾名思义，协商缓存，就是需要和服务器进行协商，最终确定是否使用本地缓存。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
