HTML的元素用于创建模态或非模态对话框。模态对话框会中断与页面的其他部分的交互，而非模态对话框则允许与页面其他部分进行交互。可以使用JavaScript的.showModal()方法显示模态对话框，.show()方法显示非模态对话框，.close()方法或在提交内嵌的时使用dialog方法关闭对话框。文章还包含了关于属性、用法说明、无障碍访问和示例的详细信息，并解释了如何使用CSS的::backdrop伪元素来设置模态对话框背景的样式。
阅读更多
CSS 的 contain 属性用于隔离元素及其内容，使其尽可能独立于文档树的其余部分。contain 属性可以提高性能，因为它限制了布局、样式、绘制、大小或任何组合的计算范围，使其仅限于 DOM 子树而不是整个页面。contain 还可以用于限定 CSS 计数器和引号的作用域。contain 的值可以是 none、strict、content、size、inline-size、layout、style、paint 或它们的组合。使用 contain 属性可以有效地隔离页面上的元素组，防止元素内部对边界框外部产生副作用。
阅读更多
Origin 私有文件系统 (OPFS) 是文件系统 API 的一部分，提供了一种私有的、高性能的存储端点，允许网页以字节级访问文件，无需用户可见或进行安全检查。与用户可见的文件系统相比，OPFS 速度更快，因为它不需要安全检查和权限授予，并且在 Web Workers 中提供同步 API 以避免阻塞主线程。访问 OPFS 需要调用 `navigator.storage.getDirectory()` 方法，返回一个代表 OPFS 根目录的 `FileSystemDirectoryHandle` 对象。可以通过异步 API 或 Web Workers 中的同步 API 来操作文件和目录。
阅读更多
Web Locks API 允许在同一标签页或工作线程中运行的脚本异步获取锁，并在工作执行期间持有该锁，然后释放它。 获取锁后，同一来源中执行的其他脚本无法获取相同的锁，从而允许多个标签页或工作线程中运行的 Web 应用协调工作和资源使用。锁是 Web 应用选择的名称标识的潜在共享资源的抽象概念。API 的使用流程：请求锁，在异步任务中持有锁执行工作，任务完成后自动释放锁。提供了可选功能，包括：从异步任务返回值、共享和独占锁模式、有条件的获取、查询来源中锁状态的诊断以及防止死锁的安全措施。
阅读更多
HTTP 418 I'm a teapot 状态码表示服务器拒绝处理请求，因为它是一个茶壶，而不是咖啡壶。这个状态码是对1998年和2014年愚人节玩笑中定义的“超文本咖啡壶控制协议”的引用。一些网站使用此响应来处理不希望处理的请求，例如自动查询。
阅读更多
Mozilla 开发人员网站上提供的文档，介绍了 Web 浏览器中用于创建和管理弹出式信息框（Popover）的 Popover API。该文档包含对 API 方法、属性和事件的详细描述，以及示例代码和最佳实践。
阅读更多
本文回顾了MDN博客发布一年来的内容，包括阅读量最高的帖子、客座博文、合作伙伴赞助内容以及MDN团队的更新。阅读量最高的帖子涵盖了JavaScript正则表达式、HTML无障碍功能、CSS动画等主题。客座博文则关注网络安全、性能和可持续性等方面。合作伙伴赞助内容则介绍了GitLab、TestGrid和Vultr等公司的产品和服务。MDN团队的更新包括Baseline、MDN Playground和AI Help (Beta)等新功能和项目。
阅读更多