建築零件

元件是現代網頁應用程式的構成元素。自行建構元件時，應遵循哪些最佳做法，才能確保元件經得起時間考驗？元件是現代網頁應用程式的構成元素。建構自己的元件時，應遵循哪些最佳做法，才能經得起時間考驗？

自訂元素

自訂元素可讓開發人員擴充 HTML 並建立自己的標記。由於自訂元素是以標準為基礎，因此可受益於網頁的內建元件模型。這樣一來，程式碼會更模組化，可在許多不同情境中重複使用。瞭解詳情

Shadow DOM

Shadow DOM 是一項網頁標準，可提供元件樣式和標記封裝。這是網頁元件的重要部分，可確保元件在任何環境中都能運作，即使網頁上有其他 CSS 或 JavaScript 也是如此。 瞭解詳情

最佳做法

由於自訂元素和 Shadow DOM 是低階原始物件，因此不一定能清楚瞭解如何以最佳方式結合這些元素，建立可在多種不同環境中運作良好的元件。雖然您確實可以透過這些 API 執行任何操作，但以下提供幾項最佳做法，協助確保元件在任何地方都能正常運作。 瞭解詳情

範例

HowTo-Components 是一組元素，可示範自訂元素和 Shadow DOM 的最佳做法。這些元素不適合用於實際工作環境，而是做為教學輔助工具，協助將最佳做法建議對應至實際實作。 瞭解詳情