网页教程

今天，您将学习如何免费使用 Cloudflare Workers 阻止 TOR 网络 IP（中继和网桥）。 在我们深入研究之前，我必须通知您 Cloudflare 最近引入了 Managed Lists ，其中阻止 TOR 可以通过单击完成。唯一的缺点是这些仅适用于企业客户。 如果你能负担得起，那就太好了；你可以忽略这篇文章。但是，如果您买不起企业计划，请继续阅读。 阻止 TOR 网络最初，我创建了一个仅用作 cron 作业的工作程序，获取 TOR IP，解析它们并将它们存储到 Cloudflare 列表中。然后，此列表将用于您在防火墙规则内拥有的任何网站。 列表功能的主要问题是它在所有列表中限制为 10,000 个项目。因此，即使...

本文适合任何人，从初学者到最有经验的 Web 开发人员。 我见过长达十年的高级 Web 开发人员忽略字体并且没有正确处理它们，所以请继续阅读。 阅读下面几行后，您将使用正确的 @font-face 和 CSS，它们将在浏览器中正常工作。 您的网站在不同设备上的外观和性能都应如此。 什么是字体？我假设您已经知道这一点，否则您将不会阅读本文。 然而，为了提供信息，@font-face 允许将特定字体嵌入到网站上，而不必依赖远程用户将它们安装在他们的系统上。 可用的字体类型有：“.woff”、“.woff2”、“.ttf”、“.otf”、“.eot”和“.svg”。 ".woff" 代表 Web 开放字体格式 ".woff2"...

今天我们将讨论 Web 响应式图像，这是一个非常流行的话题，而且非常有问题。 如果你搜索这个主题，你会发现无数的文章有各种各样的解释，但我不会重复这些，并以不同的方式教你。 正确加载图像，提高您的 SEO 排名并为您的网站提供更好的用户体验。 什么是响应式图像？响应式图像将（应该）自动调整以适应屏幕尺寸。 但是……这是正确的做法吗？ 嗯，是的，也不是。 如果您对此进行谷歌搜索或查看诸如 Bootstrap 之类的现代框架，您会注意到它们对“响应式图像”的定义是一个简单的 CSS，类似于： 1max-width: 100%; 2height: auto; 虽然这“有效”，但并不完全正确。有几个原因，但最重要的一个是图像大小。我不是在谈...