科学划水_玄学编程

本文主要介绍如何在各个浏览器上设置有效的 SameSite=None。 跨站点使用的 cookie 必须指定 SameSite=None; Secure 来确保将其包含在第三方上下文中。 所以涉及到请求跨站资源需要携带 cookie 验证的网站必须解决这个问题。 因为 Same…

没有 defer 或 async，浏览器会立即加载并执行指定的脚本，“立即”指的是在渲染该 script 标签之下的文档元素之前，也就是说不等待后续载入的文档元素，读到就加载并执行。 有 async，会在 HTML 文档解析时并行下载文件，并在下载完成后立即执行（暂停 HTML…

最近一年做项目一直都是 CORS 一把梭，非常快乐。 毕竟只要设置 withCredentials，预先请服务端同学加下 CORS 白名单，不管开发环境、测试环境还是线上环境，都可以直接请求。 直到上周五发现有些页面会疯狂刷新，定位到原因是 CAS 登录的问题。进一步定位发现前…

又是一篇由 Chrome 升级 80 引发的文章。 诶，奇怪。我要加载的资源明明是 http 的，为什么会发出 https 的请求呢? 进一步探索，发现是因为 Chrome 升级 80 对混合内容资源加载策略进行了改变。 接下来详细介绍一下所谓混合内容以及浏览器针对的行为，最后…

我们知道，中文字体包一般都比较大，但很多前端页面，尤其是一些活动页面，又经常会引用一些自定义的字体包，那在这些字体包加载完成之前，使用该字体的文字会以什么行为渲染很可能会影响页面的展示效果。 有些浏览器默认会出现无墨渲染，即在下载完成前就不出字了。而不同的需求可能会需要在此场景…

使用 React ref 和真正理解它轼两回事。说实话，我不确定我是否正确地理解了到目前为止的一切，因为它不像 state 或副作用那样经常使用在 React 中，因为它的 API 在 React 的过去确实经常改变。在这个 React Ref 指南中，我想给你一步一步的介绍 …

通过学习如何显式标记跨站（cross-site）cookies来保护您的站点。 Cookies 是可用于向网站添加持久状态的方法之一。多年来，它们的能力不断发展和壮大，但是给平台遗留了一些问题。为了解决这个问题，浏览器（包括 Chrome，Firefox 和 Edge）正在更改…

web上之前没有生命周期的概念，应用程序可以无限期地保持活力。 但是为了节省资源，浏览器需要采取积极措施来节省后台标签页面的资源，但是开发人员目前无法为这些类型的系统启动干预做好准备，浏览器需要保守或冒险破坏网页。 浏览器的判断总是不够精准的，为了解决这个问题，就引入了页面生命…

在7月，我发布了一段视频，探索了有损和无损图像压缩的工作原理，以及如何应用这个知识为网页压缩一组不同的图像。但这些已经过时了，因为 AVIF 已经来了！Brilliant。 AVIF 是一种从 AV1 视频的关键帧派生的新图像格式。它是免版税的格式，PC 上的 Chrome 8…