前言:本文的行文思路来自最近看的一本书《图解HTTP》,所有流程图均由自己在Excalidraw上原创,如需引用,请标明出处,也欢迎在本文评论区留言探讨,如果对您有帮助,请不要吝啬您的点赞和收藏~背景都3202年了,互联网如此发达的现在,我们经历过的网站和 Web 应用也越来越多,而细心的你可能会发现,几乎每个我们经常使用的网站都使用 HTTPS 协议传输数据,原因在于 HTTPS 相较于 ...
本文出现的所有代码都可以从我的git地址中找到,如果对你有帮助,还请点点star,欢迎提出您宝贵的意见。你也可以在此狠狠地尝试Demo(记得打开谷歌开发者工具查看NetWork)背景先前已经在我的另一篇文章:浏览器缓存策略详解中提到了Service Worker,其实它是一个特别大的概念,我们今天就来稍微深入地学习一下他的cacheStorage缓存功能。相信大家都听说过PWA(Progre...
浏览器知识系列之本地存储什么是“本地存储”?浏览器本地存储是一种机制,允许Web应用程序在浏览器端存储数据,以便用户在下次访问时可以快速获取和使用这些数据。浏览器本地存储的种类浏览器的本地存储主要分为:CookieWebStorage ——分为localStorage和sessionStorageIndexedDBCookie其实从起源上来说,Cookie的诞生是为了解决HTTP是无状态协议...
浏览器知识系列之浏览器缓存什么是缓存?浏览器缓存是一种用于提高网站性能的技术,它通过在本地磁盘,内存或缓存服务器中存储网站的HTML、CSS、JavaScript、图片等文件副本,以便在用户再次访问相同的URL时,浏览器可以直接从本地或缓存服务器中加载这些资源,而无需重新从服务器下载。这样做可以减少网络带宽消耗,降低服务器的负担,并提升用户体验。说得这么玄乎,我要怎么看到缓存呢?查看缓存的办...