建築零件

元件是現代網頁應用程式的構成要素。建構自己的元件時，應遵循哪些最佳做法，才能順利測試？元件是現代網頁應用程式的構成要素。設計自己的元件時，應遵循哪些最佳做法，才能能存在時間測試？

程式碼圖示。

自訂元素

自訂元素可讓開發人員擴充 HTML 並自行建立標記。自訂元素是以標準為依據，因此受益於網路的內建元件模型。最終結果是模組化程式碼，可在許多不同的情境中重複使用。 瞭解詳情
Boder 樣式圖示

陰影 DOM

Shadow DOM 是一種網路標準，提供元件樣式和標記封裝。這是網頁元件故事中相當重要的一環，可確保元件能夠在任何環境中運作，即使網頁上有其他 CSS 或 JavaScript 也能正常運作。 瞭解詳情
「完成」圖示。

最佳做法

由於自訂元素和 shadow DOM 是低階基元，因此如何結合這些元件來建立功能 可在許多不同環境中順利運作雖然這些 API 其實可用來處理任何事項，但以下提供一些最佳做法，有助於確保您的元件可在任何位置運作。瞭解詳情
「探索」圖示。

範例

HowTo-Components 是一組元素，呈現自訂元素和陰影 DOM 最佳做法。這些元素並非用於實際工作環境，而是做為教學輔助，協助您將最佳做法建議對應至實際實作。 瞭解詳情