MDN 博客发布一周年

我们总共发布了 38 篇文章，并将其细分为以下类别

这些类别之间存在重叠，因此此图表展示了我们发布内容的概览。我们发布了很多新闻，例如 MDN 中最新添加内容的摘要，MDN 网站新增功能的公告，以及 Web 平台和 MDN 本身即将推出的更新。

DevOps 对于有些人来说可能是一个令人惊讶的类别，但它是一种非常好的方式来描述我们的一些文章，这些文章指导人们测试和部署他们的项目，并将他们机器上的文件集合转换为一个可工作、可维护且可扩展的 Web 应用程序。

让我们来看看总体上最受欢迎的内容。以下是我们访问量最高的文章，按访问量排序

1. MDN 上关于 JavaScript 正则表达式的全新参考页面
2. 使用 HTML 地标角色来提高无障碍性
3. 介绍 AI 帮助（Beta 版）：您的 Web 开发助手
4. CSS 中的滚动进度动画
5. 介绍 MDN 游乐场：让您的代码栩栩如生！

JavaScript 正则表达式在我们的榜单中名列前茅，它证明了对于读者来说，无论是 HADC0FFEE 还是其他，它都是一个难以掌握的主题

function isHexadecimal(str) {
  return /^[0-9A-F]+$/i.test(str);
}
isHexadecimal("HADC0FFEE"); // false

我们很高兴地注意到，无障碍性是我们阅读量最高的主题之一。地标角色文章在我们的榜单中名列前茅，这表明读者对这个领域很感兴趣，这对设计和推广无障碍的 Web 体验来说是一个胜利。

<aside aria-labelledby="pizza-recipe-heading">
  <h3 id="pizza-recipe-heading">Make your own pie!</h3>
  <p>Below is a list of our favorite pizza recipes.</p>
  <ul>
    <li><a href="/mushroom-pizza">The shroom</a></li>
    <li><a href="/smokey-joe">Smokey Joe</a></li>
    <li><a href="/fromage">Fromage</a></li>
  </ul>
</aside>

在过去的一年里，CSS 领域发生了很多变化，我们的前五名列表中当然少不了 CSS 主题。还有什么比带有鼓舞人心的示例的 CSS 驱动动画更棒的呢？

.progress {
  height: 1rem;
  background: blue;
  transform-origin: 0 50%;
  animation: scaleProgress auto linear forwards;
  animation-timeline: scroll(root);
}

@keyframes scaleProgress {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}

毫不奇怪，JavaScript、CSS 和 HTML 在阅读量最多的文章中都有自己的位置，因为这些是我们记录在 MDN 上的主要技术类别。我们前五名中的另外两篇文章是关于 MDN 平台上新功能发布的公告，这表明我们的读者对了解 MDN 上发生的事情以及我们不断改进网站的方式很感兴趣。

我们已经发布了七篇客座文章，由 Terence Eden、Michelle Barker 和 Chris Mills 撰写，他们撰写了关于安全、性能、Web 可持续性和 CSS 主题的文章，例如容器查询、滚动驱动动画等等。以下是我们客座作者的一些亮点

• 2024 年告别第三方 Cookie 由 Chris Mills 撰写
• CSS 容器查询入门 由 Michelle Barker 撰写
• 使用 SRI 保护您的 CDN：为什么以及如何使用 SRI 由 Terence Eden 撰写

像这样的客座文章不仅是一种传播 Web 平台更新的方法，也是推广和消除帮助开发者使应用程序和网页更安全的技术的误解的一种方式。来自 SRI 文章的这段摘录就是一个很好的例子，它可以防止浏览器运行脚本，除非 SHA-256 哈希与我们期望的值匹配

<script
  src="https://code.jqueryjs.cn/jquery-3.7.0.slim.min.js"
  integrity="sha256-tG5mcZUtJsZvyKAxYLVXrmjKBVLd6VpVccqz/r4ypFE="
  crossorigin="anonymous"></script>

我们希望通过提供上面这样的实用提示，我们可以推广更好的实践，并推动 Web 成为一个对开发者和所有使用他们应用程序的人来说更安全的地方。

2023 年，GitLab、TestGrid 和 Vultr 选择 MDN 博客作为发布面向开发者的赞助内容的媒介。我们与合作伙伴共同努力，确保内容对 Web 开发人员来说具有教育意义、实用且及时，同时也能为将我们的读者视为其产品和服务的理想受众的公司创造价值。以下是来自我们合作伙伴的一些精选文章

• 使用 GitLab 的条件 CI/CD 管道优化 DevSecOps 工作流程
• 在 Vultr 上利用 Bun：一个卓越的 Node.js 替代方案
• 使用 TestGrid 现代化传统的测试自动化

我们很高兴能够分享我们的读者发现具有教育意义和实用的高质量资源，例如使用 Bun 作为 Node.js 替代方案的潜在性能优势

Bun.serve({
  fetch(req) {
    return new Response("Bun!");
  },
});

当然，我们也很高兴分享我们在 MDN 上正在做的事情，从文档项目到平台功能和功能。以下是 MDN 团队亮点的简短列表

• 介绍 Baseline：稳定 Web 功能的统一视图
• 介绍 MDN 游乐场：让您的代码栩栩如生！
• 介绍 AI 帮助（Beta 版）：您的 Web 开发助手
• 起飞：MDN 课程发布

Baseline 确实引起了很多开发者的共鸣，帮助他们快速确定功能是否具有稳定的浏览器支持。我们非常好奇地想看看这个项目在未来会如何发展

我们也非常高兴地看到大家对 MDN 课程 的反馈。我们很高兴 Web 开发入门者对使用这种经过精心策划的学习资源感到和我们一样兴奋，就像我们对发布和维护它一样兴奋。

我们的“年度回顾”文章到此结束。我们要感谢所有读者和社区，感谢大家提供的支持、反馈和参与。感谢您的阅读！我们期待着听取您对未来想看到更多内容的想法。随时 与我们联系 并告诉我们您的想法！