Web 元件是... Web 元件

這篇文章於 2024 年 9 月首次出現在我的 LinkedIn 上。

作為一個為大規模分散式系統建立複雜自訂元素的人，我想權衡一下「Web 元件是」這一整體。一直以來的爭論。

輪子不是已經被發明了嗎，至少幾年前？我們都在努力為我們要拉的車找到合適的輪子。如果元素是完美的，我們不需要 或

或不受支援的，甚至是被禁止的冒名頂替者

事實上，我們現在可以直接在瀏覽器中創建自訂“按鈕”，它沒有

的歷史包袱，也沒有萬事通的令人困惑的僵化

input>，是值得慶祝的事情。在某些情況下，我們甚至不再需要在影子 DOM 中包含原生表單元素，這要歸功於 ElementInternals API。 ElementInternals 在平台層級處理 ARIA 和表單關聯。這表示本機表單可以像對待任何其他表單控制項一樣對待自訂元素，包括欄位驗證、標籤關聯和值提交。這絕不是一個完美的解決方案，但它比我們之前擁有的所有解決方案都要好，而且很多人正在努力工作，以使其對每個人都更好。

框架驅動的元件實際上無法做到這一點。如果他們聲稱可以，則意味著他們要么正在構建用額外 JS 封裝的自訂元素，要么正在做大量繁重的工作來重現瀏覽器中已有的內容。

我一直對前端框架有疑問，這就是我選擇不使用它們的原因。我發現他們很容易挖出一個太大而無法爬出來的洞，特別是當他們帶來自己的抽象來混淆頁面上實際呈現的內容時。發生了太多的“魔法”，我不喜歡從某些框架的功能（hooks、JSX 等）中獲得的“相信我，兄弟”的感覺。

總而言之，我一隻手就能數出我必須使用 React、Vue 和 Angular 進行專業工作的次數。我猜我用得最多的是 Vue，即使如此，也只用了幾個月，我就在 2020 年開始建立自訂元素了。

我沒有看到任何令人信服的理由回去。

以上是Web 元件是... Web 元件的詳細內容。更多資訊請關注PHP中文網其他相關文章！