社群 學習 工具庫 休閒
搜尋
繁体中文
首頁 > web前端 > js教程 > Web 元件是... Web 元件

Web 元件是... Web 元件

DDD
發布： 2024-12-18 05:57:09
原創
961 人瀏覽過

Web Components are... Web Components

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

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

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

或不受支援的

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

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

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

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

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

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

來源：dev.to
上一篇：在沒有一致的「載入」事件的情況下，如何可靠地偵測瀏覽器中的檔案下載完成情況？ 下一篇：如何透過值檢索 JavaScript 物件的鍵？
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
function_exists()無法判定自訂函數 function test()    {        return true;    }    if (function_exists('TEST')) {        ech...
來自於 2024-04-29 11:01:01
0
3
2224
google 瀏覽器 手機版顯示的怎麼實現 老師您好，google 瀏覽器怎麼變成手機版樣式的？
來自於 2024-04-23 00:22:19
0
11
2367
子窗口操作父窗口，輸出沒反應 前兩句可執行，最後一句沒辦法應
來自於 2024-04-19 15:37:47
0
1
1978
父視窗沒有輸出 document.onclick = function(){ window.opener.document.write('我是子視窗的輸出');                  ...
來自於 2024-04-18 23:52:34
0
1
1863
關於CSS心智圖的課件在哪？ 課件
來自於 2024-04-16 10:10:18
0
0
1936
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板