1、问题的由来 笔者曾在掘金上浏览技术文章，来学习http cache的知识。讲到的最多的当然是强缓存和协商缓存。关于各个字段的含义，我们可以找到这张图： 多数文章会告诉我们Response Head

正常的开场本应该是“什么是Service Worker”，但Service Worker往往会和PWA被一同提起。无论屏幕前的你是有丰富PWA开发经验的大佬，还是从没有听过这个概念的小佬，本文都有义务讲清楚Service Worker和PWA的关系，在此假设大家仅仅是一个对Se…

Service Worker 是浏览器在后台独立于网页运行的脚本，它打开了通向不需要网页或用户交互的功能的大门。现在，它们已经包括如推送通知和后台同步等功能。我们主要讨论的核心功能是拦截和处理网络请求，包括通过程序来管理缓存中的响应， 由于Service Worker 是完全异…

作为开发人员，平时用的最多的就是Chrome devtools了，但是可能很多同学都像我一样平时用的最多也就只是Console和Elements面板了。 按Cmd + Shift + P（如果使用Windows，则按Ctrl + Shift + P）打开“命令”菜单。 当你只想…

苹果公司前不久对 Safari 浏览器进行一次重大更新，这次更新完全禁用了第三方 Cookie，这意味着，默认情况下，各大广告商或网站将无法对你的个人隐私进行追踪。而微软和 Mozilla 等也纷纷采取了措施禁用第三方 Cookie，但是由于这些浏览器市场份额较小，并没有给市场…

现在浏览器里面很大一部分网页还在使用HTTP1.1作为主要的网络通信协议。但,这傻逼协议是1999年弄出来的.距今已经有xx年了,这些年里,美国的IETF觉得这样不行.我得出来拯救世界了,在Chrom

（1）localStorage： 类似 sessionStorage，但其区别在于：存储在 localStorage 的数据可以长期保留；当页面被关闭时，存储在 sessionStorage 的数据会被清除。 （2）同源策略（same-origin policy）：是浏览器执行…

本文讲述如何使用 fetch 下的 request 方法的 mode 属性值 no-cors 消除本地开发过程中跨域的错误提示，以及开发中遇到的SameSite Cookie问题及其解决方法。 Fetch . Request A 系统是以嵌入 JS 脚本的方式在B系统下工作的。…

在不那么遥远的一些年以前，一个在江湖中行走的前端，只需要了解“前端三剑客”就足以找到一份工作。很多前端只限于 CSS，HTML、JS，网络基础，数据结构之类的都不甚了解。不过这个时期的前端也是最受鄙视的时期，这个时期前端的大量工作依赖于后端，且不需要动画效果和交互效果。 现如今…