建筑构件

组件是现代 Web 应用的构建块。在构建自己的组件时，您应该遵循哪些最佳实践，才能让它们经得起时间的考验？ 组件是现代 Web 应用的构建块。在构建自己的组件时，您应该遵循哪些最佳实践，才能让它们经受住时间的考验？

自定义元素

自定义元素使开发者能够扩展 HTML 并创建自己的标记。由于自定义元素基于标准，因此它们受益于 Web 的内置组件模型。这样可以生成更模块化的代码，这些代码可在许多不同的上下文中重复使用。 了解详情

Shadow DOM

Shadow DOM 是一种网络标准，可提供组件样式和标记封装。它是 Web 组件故事中至关重要的一部分，因为它可确保组件在任何环境中都能正常运行，即使页面上还有其他 CSS 或 JavaScript 在发挥作用。 了解详情

最佳做法

由于自定义元素和 Shadow DOM 是低级基元，因此并不总是清楚如何以最佳方式将它们组合在一起，以创建在许多不同环境中都能正常运行的强大组件。虽然您确实可以使用这些 API 执行几乎任何操作，但以下一些最佳实践有助于确保您的组件在任何位置都能正常运行。 了解详情

示例

HowTo-Components 是一组演示自定义元素和 Shadow DOM 最佳实践的元素。这些元素不适合在生产环境中使用，而是作为教学辅助工具，帮助将最佳实践建议映射到实际实现。 了解详情