Netlify 的这项功能是我最喜欢的特性之一。假设您正在开发一个网站,并更改了某个资源,例如 CSS、JavaScript 或图像文件。您知道,就像我们日常工作一样。在 Netlify 上,您无需考虑这将如何影响部署、浏览器和缓存。Netlify 会为您处理所有这些。
Netlify 将此称为即时缓存失效,是 Netlify“火箭燃料”的一部分。
在我参与的所有非 Netlify 网站中,我必须考虑这个问题(讨厌)。如果您查看这个网站的源代码,您会看到一个类似这样的样式表链接:
<code><link href="https://css-tricks.com/wp-content/themes/CSS-Tricks-17/style.css?cache_bust=1594590986788" rel="stylesheet"></code>
看到末尾的 ?cache_bust=
部分了吗?这些只是我手动添加到 URL 中的无意义字符(基于 Date()
调用),这样当我将更改推送到文件时,它会同时破坏 CDN 和用户的浏览器缓存,他们会获得新文件。如果我不这样做,我的更改将不会被看到,除非所有缓存过期或被用户手动删除,这……很糟糕。我可能正在修复错误!或者发布新功能!这尤其糟糕,因为该 CSS 可能与缓存不那么积极的某些 HTML 结合使用,并可能导致 HTML 与预期 CSS 不匹配。
我参与的一些网站需要我手动更改该缓存清除字符串,因为我太懒了,不想自动化它。通常情况下,我会自动化它。我最近分享了我手写的 Gulpfile,其中一部分处理此缓存清除。编写、维护和在开发过程中使用它都需要付出努力。您甚至可以阅读该帖子的评论,并查看其他人执行相同操作的策略,这些策略与我的方法不同。每个人都在进行缓存清除。
Netlify 上则无需如此。
同样,您更改资源,将其上传,Netlify 会知道它已更改并为您执行所有缓存清除操作。因此,您的样式表可以像这样链接:
<code><link href="%E6%97%A0%E9%9C%80%E6%8B%85%E5%BF%83.css" rel="stylesheet"></code>
以上是Netlify确实可以为您无效的详细内容。更多信息请关注PHP中文网其他相关文章!

Svelte Transition API提供了一种使组件输入或离开文档(包括自定义Svelte Transitions)时动画组件的方法。

前几天我只是和埃里克·迈耶(Eric Meyer)聊天,我想起了我成长时代的埃里克·迈耶(Eric Meyer)的故事。我写了一篇有关CSS特异性的博客文章,以及

文章讨论了使用CSS来获得阴影和渐变等文本效果,优化它们以进行性能并增强用户体验。它还列出了初学者的资源。(159个字符)


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

Dreamweaver CS6
视觉化网页开发工具

螳螂BT
Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

ZendStudio 13.5.1 Mac
功能强大的PHP集成开发环境

记事本++7.3.1
好用且免费的代码编辑器

DVWA
Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中