建筑构件

组件是现代 Web 应用的构建块。在构建自己的组件时,您应该遵循哪些最佳实践,以确保这些组件能够经得起时间的考验? 组件是现代 Web 应用的构建块。在构建自己的组件时,您应该遵循什么最佳实践才能让他们经得起时间的考验?

代码图标。

自定义元素

借助自定义元素,开发者能够扩展 HTML 并创建自己的标记。由于自定义元素是基于标准的,因此它们可以从 Web 的内置组件模型中受益。其结果是代码更加模块化,可以在许多不同的上下文中重复使用。 了解详情
Boder 风格图标

阴影 DOM

Shadow DOM 是一种提供组件样式和标记封装的网络标准。它是 Web 组件故事中极其重要的部分,因为它可以确保组件在任何环境中都能正常工作,即使网页上存在其他 CSS 或 JavaScript 也是如此。 了解详情
“完成”图标。

最佳实践

由于自定义元素和 shadow DOM 是低级基元,因此有时还不太清楚如何以最佳方式组合它们以创建稳健且在许多不同环境中都能正常运行的组件。尽管使用这些 API 基本上无所不能,但下面这些最佳做法有助于确保您的组件在任何位置都能正常运行。 了解详情
“探索”图标。

示例

HowTo-Component 是一组元素,演示了自定义元素和 Shadow DOM 最佳实践。这些元素并不能用于生产环境,而是作为教学辅助工具,帮助您将最佳实践建议映射到实际实现中。 了解详情