写出更好的博客

使用 Git stash 优化您的工作流程

GitLab2024 年 8 月 28 日阅读时长：9 分钟

了解如何使用 Git stash 拆分大型提交。探索在切换分支时保存工作的一种更好的方法。

如何在跨设备调试移动应用程序

LambdaTest2024 年 8 月 7 日阅读时长：8 分钟

这篇文章探讨了什么是移动应用程序调试，常用的技术，以及如何在多个设备上调试移动应用程序。

使用 HTML details 元素创建独占手风琴

Brian Smith2024 年 8 月 5 日阅读时长：3 分钟

HTML details 元素的 'name' 属性在各个浏览器中获得了更多支持。了解此功能如何允许在不从头开始编写脚本小部件的情况下创建独占手风琴。

探索用于跨标签通信的 Broadcast Channel API

Vultr2024 年 7 月 12 日阅读时长：5 分钟

本文解释了如何使用 Broadcast Channel API 来构建同步且互联的 Web 应用程序。

MDN 与 Scrimba 合作，增强 Web 开发学习

Hermina Condei2024 年 7 月 9 日阅读时长：6 分钟

我们选择 Scrimba 作为 MDN 课程的课程合作伙伴。这篇文章探讨了这种合作关系在实践中的意义，以及我们将如何共同提供更优质的 Web 教育体验。

介绍 MDN HTTP 观测台

Hermina Condei2024 年 7 月 2 日阅读时长：7 分钟

HTTP 观测台于 2016 年首次发布，通过结合有用的安全审计和教育材料，在 Web 社区中获得了普及。快进到 2024 年，我们很高兴地宣布观测台的新家是 MDN。继续阅读以了解更多信息，并热烈欢迎 HTTP 观测台！

使用 Next.js 进行静态站点生成 (SSG)

Vultr2024 年 6 月 28 日阅读时长：7 分钟

本指南介绍了如何在 Next.js 中使用静态站点生成来构建可扩展且安全的 Web 应用程序，这些应用程序具有快速加载时间，并专注于性能。

新的 JavaScript Set 方法

Brian Smith2024 年 6 月 24 日阅读时长：6 分钟

新的 JavaScript Set 方法正在各个浏览器中发布。了解集合、如何使用这些方法比较不同的集合、创建具有特定属性的新集合等等。

保护 API：Express 速率限制和延迟

Vultr2024 年 5 月 28 日阅读时长：7 分钟

本指南介绍了速率限制和延迟机制。了解如何在 Express 应用程序中应用延迟和速率限制机制。

使用 Page Visibility API

Brian Smith2024 年 5 月 10 日阅读时长：6 分钟

这篇文章探讨了页面可见性是什么，如何在应用程序中使用 Page Visibility API，以及在构建围绕此功能的功能时要避免的陷阱。

一年发布 MDN 博客

MDN 团队2024 年 5 月 3 日阅读时长：5 分钟

自 2023 年 5 月以来，我们一直在 MDN 博客上撰写有关 Web 开发和 Web 平台的文章。以下是我们的一些亮点和热门文章，以及我们的最爱。

在 Vultr 上设置服务工作者

Vultr2024 年 4 月 23 日阅读时长：7 分钟

本指南介绍了服务工作者及其生命周期。了解如何使用 Vultr 上的 HTTPS 部署使用服务工作者的项目。

Interop 2023：MDN 更新

Brian Smith2024 年 3 月 27 日阅读时长：6 分钟

Interop 2023 已圆满结束，Interop 2024 项目现已正式启动。了解什么是 Interop，发现现在已在 MDN 上发布的 Interop 2023 更新，并了解接下来将在 Web 上发布的内容。

在 Vultr 上使用 Jest 测试 JavaScript

Vultr2024 年 3 月 22 日阅读时长：7 分钟

本指南介绍了常见的测试类型和测试约定。了解如何在 Vultr 上使用 Jest 测试 JavaScript。

使用 CSS color-mix() 函数创建调色板

Michelle Barker2024 年 3 月 8 日阅读时长：8 分钟

Web 上的颜色处理变得更加有趣！在这篇文章中，我们将探索如何使用 CSS color-mix() 函数在调色板中创建变体。

使用 TestGrid 现代化传统的测试自动化

TestGrid2024 年 2 月 29 日阅读时长：13 分钟

这篇文章反思了使用 Selenium 和 Appium 的传统测试自动化方法。了解如何使用 TestGrid 的统一测试平台来增强传统方法，并利用现代无代码测试技术。

起飞：MDN 课程发布

Hermina Condei2024 年 2 月 27 日阅读时长：5 分钟

期待已久的 MDN 课程现已在 MDN 上发布，为行业新人提供了一个结构化的指南，涵盖了重要的前端开发技能和最佳实践。在本篇文章中了解所有关键细节。

创建有效的技术文档

Dipika Bhattacharya2024 年 2 月 13 日阅读时长：7 分钟

本文概述了创建有效的技术文档所需的核心组件。了解使您的文档清晰、一致和结构良好的最佳实践。

在 Vultr 上利用 Bun：优于 Node.js 的替代方案

Vultr2024 年 1 月 17 日阅读时长：6 分钟

本指南介绍了 Bun 作为运行时包管理器和捆绑程序的功能。它还解释了内置 Bun API 的优势，以及如何在 Vultr 市场应用程序中使用 Bun。

CSS 中的边框图像：Interop 2023 的重点领域

Dipika Bhattacharya2023 年 12 月 19 日阅读时长：10 分钟

与 Interop 2023 强调跨浏览器一致性相一致，这篇文章将引导您完成您可以控制的各种 `border-image` 属性，以创建引人注目的 Web 设计。了解如何使用自定义图形来增强网站的外观，使其在不同浏览器中保持一致。

使用 OpenLLM 和 Vultr 云 GPU 构建 AI 驱动的应用程序

Vultr2023 年 12 月 12 日阅读时长：8 分钟

了解如何使用 OpenLLM 和 Vultr 云 GPU 构建 AI 驱动的应用程序。本指南展示了如何使用大型语言模型生成 API 响应。它还涵盖了设置 Nginx 服务器和实现 SSL 安全的说明。

告别 2024 年的第三方 Cookie

Chris Mills2023 年 12 月 8 日阅读时长 8 分钟

2023 年年末迎来了网络隐私的利好消息，Chrome 宣布将在 2024 年加入 Firefox 和 Safari 的行列，弃用第三方 Cookie。了解有关这些更改的更多详细信息，以及它们对 Web 开发人员意味着什么。

MDN 上的 Baseline 演变

Vadim Makeev2023 年 12 月 5 日阅读时长 4 分钟

今天，我们更新了 Baseline 小部件并引入了新的 Baseline 小部件，以及更新的 Baseline 定义。

开发者必备：JavaScript 控制台方法

Brian Smith2023 年 11 月 30 日阅读时长 7 分钟

JavaScript 控制台是 Web 开发必不可少的工具。学习使用控制台显示数据和调试代码的新方法和有趣方法。

CSS 容器查询入门

Michelle Barker2023 年 11 月 16 日阅读时长 9 分钟

CSS 容器查询是 CSS 布局工具箱中的一个强大的新工具。在本文中，我们将深入研究使用容器查询构建布局的实际应用。

在 Vultr 上使用 PM2 部署 Node.js 应用程序

Vultr2023 年 11 月 8 日阅读时长 8 分钟

了解如何使用 PM2 在 Vultr 上部署 Node.js 应用程序，以创建持久服务。本指南展示了如何通过 PM2 集群模式有效地利用资源。它还涵盖了 Nginx 服务器设置和 SSL 安全。

VS Code：初学者技巧和窍门

Dipika Bhattacharya2023 年 11 月 7 日阅读时长 9 分钟

探索使用 Visual Studio Code（VS Code）的必要技巧和窍门，这是一个强大的 IDE。了解如何利用其集成的编辑功能和 Git 支持，并探索一些扩展。

即将推出：MDN Observatory 2.0

MDN 团队2023 年 10 月 25 日阅读时长 1 分钟

Observatory 2.0 即将作为 Mozilla Developer Network 的一部分推出，名为 MDN Observatory，它将带来新的安全评分标准和其他激动人心的更新。

使用 GitLab 的条件 CI/CD 管道优化 DevSecOps 工作流程

GitLab2023 年 10 月 23 日阅读时长 9 分钟

本指南探讨了各种类型的 CI/CD 管道，并帮助您了解其特定的用例。了解如何利用规则来创建高效的 DevSecOps 工作流程。

Web 可持续性简介

Michelle Barker2023 年 10 月 11 日阅读时长 8 分钟

Web 设计师和开发人员可以做些什么来构建一个更可持续的 Web？本文探讨了 Web 技术的环境影响，并探讨了我们如何构建更环保的网站的一些方法。

从 GitHub 无缝迁移到 GitLab：分步指南

GitLab2023 年 10 月 5 日阅读时长 10 分钟

正在考虑从 GitHub 迁移到 GitLab 吗？本指南揭开了迁移过程的神秘面纱，解决了希望在两个平台之间无缝过渡的 DevSecOps 团队的常见问题。本文提供了一个分步指南，介绍如何将您的数据从 GitHub 迁移到 GitLab。

宣布 MDN 前端开发人员课程

MDN 团队2023 年 8 月 14 日阅读时长 4 分钟

MDN 为有志于成为前端开发人员的人士创建了一套课程，帮助他们建立一个有意义且成功的职业生涯。了解课程内容、目标人群以及课程依据的研究。

使用 linear() 函数在 CSS 动画中创建自定义缓动效果

Michelle Barker2023 年 8 月 1 日阅读时长 11 分钟

新的 CSS linear() 定时函数使动画中的自定义缓动成为可能。探索 linear() 与其他用于缓动的定时函数相比如何工作，并提供实际示例。

保护您的 CDN：为什么以及如何使用 SRI

Terence Eden2023 年 7 月 21 日阅读时长 4 分钟

依赖外部资源来构建您的网站始终存在风险。了解如何使用 SRI 保护您的网站及其访问者，以确保第三方内容的安全。

CSS 中的滚动进度动画

Michelle Barker2023 年 7 月 14 日阅读时长 7 分钟

滚动驱动的动画即将进入 CSS！在本文中，我们将探讨几种动画类型，并了解如何将它们链接到容器的滚动进度。

对 AI Explain 的反思：事后分析

MDN 团队2023 年 7 月 11 日阅读时长 10 分钟

我们最近推出了名为 AI Explain 的功能，但现在已将其回滚。在本文中，我们将深入探讨 AI Explain 背后的故事：它的开发、发布以及导致我们按下暂停按钮的原因。

开发者必备：如何使用 grep 搜索代码

Brian Smith2023 年 7 月 3 日阅读时长 9 分钟

grep 是一个强大的工具，用于从终端搜索代码。本文将向您展示如何使用 grep 以及为什么它是一个必不可少的开发者工具。

推出 AI Help（测试版）：您的 Web 开发助手

Hermina Condei2023 年 6 月 27 日阅读时长 3 分钟

我们正在推出由 MDN 和 OpenAI GPT 3.5 提供支持的 AI 助手，以实时回答您所有的 Web 开发问题。

了解如何使用 HSL 在 CSS 颜色中使用色调

Brian Smith2023 年 6 月 26 日阅读时长 8 分钟

色调是在 CSS 中定义颜色的一个鲜明方法。了解色调、色轮、如何使用颜色函数，以及如何使用色调为您的网站创建鲜艳的调色板。

推出 MDN Playground：让您的代码栩栩如生！

Florian Dieminger2023 年 6 月 22 日阅读时长 6 分钟

MDN 正在推出一个代码 Playground。用户可以原型设计想法并将所有实时示例扩展到交互式体验。

MDN 文档更新：CSS 选择器和媒体查询、WebGPU 和 WebTransport API、渐进式 Web 应用程序

Dipika Bhattacharya2023 年 6 月 13 日阅读时长 6 分钟

探索 CSS :lang()、实验性媒体查询、使用 WebGPU 操作图形、使用 WebTransport 进行客户端-服务器通信、ECMAScript 模块支持等等。

如何使用一个 JavaScript 函数绘制任何规则形状

Ruth John2023 年 5 月 26 日阅读时长 4 分钟

了解如何使用 JavaScript 使用单个函数将任何规则形状绘制到 HTML 画布上，以及如何修改它来绘制多个形状。

MDN 上有关 JavaScript 正则表达式的新的参考页面

Brian Smith2023 年 5 月 23 日阅读时长 5 分钟

查看有关 JavaScript 正则表达式的 MDN 参考页面的最新更新，包括有关子功能和浏览器兼容性信息的新部分。

庆祝全球无障碍意识日

Schalk Neethling2023 年 5 月 18 日阅读时长 6 分钟

为庆祝 2023 年的全球无障碍意识日，我们分享了一些工具和指南，以帮助您使 Web 更具可访问性。

使用 HTML 地标角色来提高可访问性

Schalk Neethling2023 年 5 月 15 日阅读时长 12 分钟

了解什么是 HTML 地标角色、它们如何提高可访问性以及如何在您的网站上有效地包含它们。

推出 Baseline：对稳定 Web 功能的统一视图

Hermina Condei2023 年 5 月 10 日阅读时长 3 分钟

MDN 在实施 WebDX 社区组的努力方面处于领先地位，为开发人员提供了一个清晰简洁的 Web 平台基线。

如何使用 :not() 连接多个选择器

Dipika Bhattacharya2023 年 5 月 5 日阅读时长 4 分钟

了解 CSS `:not()` 伪类在作为参数传递多个选择器时如何表现。

CSS 颜色中的新函数、渐变和色调（级别 4）

Brian Smith2023 年 5 月 3 日阅读时长 10 分钟

了解 CSS 颜色模块级别 4 的新功能，包括色彩空间、颜色函数、精美渐变以及对广色域显示器的支持。

欢迎来到 MDN 博客

Ruth John2023 年 5 月 3 日阅读时间 1 分钟

MDN 博客作为 MDN Web 文档的扩展，发布有关 Web 开发的新闻、教程和见解，帮助您发现、学习和创建 Web 内容。