Webkomponenten sind... Webkomponenten

Dieser Beitrag erschien erstmals im September 2024 auf meinem LinkedIn.

Als jemand, der komplexe benutzerdefinierte Elemente für riesige verteilte Systeme erstellt, möchte ich zu dem Ganzen Stellung nehmen: „Webkomponenten sind “ Debatte, die herumschwirrt.

Wurden Räder nicht schon vor mindestens ein paar Jahren erfunden? Wir alle versuchen, die richtigen Räder für die Karren zu finden, die wir ziehen wollen. Wenn die Element perfekt war, brauchten wir weder noch

oder der nicht unterstützte oder sogar der verbotene Betrüger

Die Tatsache, dass wir jetzt direkt im Browser einen benutzerdefinierten „Button“ erstellen können, der nicht über den historischen Ballast von

oder die verblüffende Starrheit des Alleskönners < input> ist etwas, das gefeiert werden sollte. In einigen Fällen müssen wir dank der ElementInternals-API nicht einmal mehr native Formularelemente in unser Schatten-DOM einbinden. ElementInternals übernimmt sowohl die ARIA- als auch die Formularzuordnung auf Plattformebene. Dies bedeutet, dass native Formulare benutzerdefinierte Elemente genauso behandeln können wie jedes andere Formularsteuerelement, einschließlich Feldvalidierung, Beschriftungszuordnung und Wertübermittlung. Es ist noch keine perfekte Lösung, aber es ist besser als alles, was wir bisher hatten, und viele Leute arbeiten sehr hart daran, es für alle besser zu machen.

Framework-gesteuerte Komponenten können dies buchstäblich nicht. Wenn sie behaupten, dass sie es können, bedeutet das, dass sie entweder benutzerdefinierte Elemente erstellen, die in zusätzliches JS eingebettet sind, oder dass sie eine Menge schwerer Arbeit leisten, um das zu reproduzieren, was bereits im Browser verfügbar ist.

Ich hatte schon immer Probleme mit Frontend-Frameworks, weshalb ich mich entschieden habe, sie nicht zu verwenden. Ich finde, dass sie es gefährlich einfach machen, ein Loch zu graben, das zu groß ist, um herauszuklettern, besonders wenn sie ihre eigenen Abstraktionen mitbringen, die verschleiern, was tatsächlich auf der Seite dargestellt wird. Es passiert zu viel „Magie“, und ich schätze die „Vertrau mir einfach, Bruder“-Stimmung nicht, die ich durch die Funktionsweise bestimmter Frameworks (Hooks, JSX usw.) bekomme.

Abschließend kann ich an einer Hand abzählen, wie oft ich professionell mit React, Vue und Angular zusammen arbeiten musste. Ich glaube, das, was ich am häufigsten verwendet habe, war Vue, und selbst dann dauerte es nur ein paar Monate, bis ich 2020 mit der Entwicklung benutzerdefinierter Elemente begann.

Ich habe keinen zwingenden Grund gesehen, zurückzukehren.

Das obige ist der detaillierte Inhalt vonWebkomponenten sind... Webkomponenten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle：dev.to

Vorheriger Artikel：Wie kann ich den Abschluss des Dateidownloads in einem Browser ohne konsistente „Lade“-Ereignisse zuverlässig erkennen? Nächster Artikel：Wie kann ich den Schlüssel eines JavaScript-Objekts anhand seines Werts abrufen?

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors

• Wie lese ich eine Textdatei in einer Android-Anwendung richtig?
  2024-12-18 13:53:11
• Wie eliminiere ich unerwünschte Abstände zwischen Inline-Block-Elementen in CSS?
  2024-12-18 13:52:10
• Wie behebt man die Fehler „Verbindungszeitüberschreitung' und „SSL-Vorgang fehlgeschlagen' beim Senden von E-Mails über Gmail SMTP mit CodeIgniter?
  2024-12-18 13:51:16
• Wie verwende ich Platzhalter ordnungsgemäß mit vorbereiteten PDO-Anweisungen?
  2024-12-18 13:50:16
• Wie kann ich mithilfe von C-Vorlagen einen Spaltenvektortyp definieren?
  2024-12-18 13:49:10
• Wie lege ich eine benutzerdefinierte Zertifikatsvertrauensstellung für bestimmte SSL-Verbindungen in Java fest?
  2024-12-18 13:48:14
• Wie implementiert man eine Signum-Funktion (Signum) in C/C?
  2024-12-18 13:47:14
• Warum haben aufeinanderfolgende, unbenannte Python-Klasseninstanzen dieselbe Objekt-ID?
  2024-12-18 13:46:11
• Was ist der Hauptunterschied zwischen „%i' und „%d' in den formatierten Eingabe-/Ausgabefunktionen von C?
  2024-12-18 13:45:16
• Wie gruppiere ich Pandas DataFrame-Zeilen und wandele Spaltenwerte in Listen um?
  2024-12-18 13:44:17

Aktuelle Ausgaben

function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...

Aus 2024-04-29 11:01:01

0

3

2221

So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?

Aus 2024-04-23 00:22:19

0

11

2364

Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.

Aus 2024-04-19 15:37:47

0

1

1976

Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...

Aus 2024-04-18 23:52:34

0

1

1862

Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen

Aus 2024-04-16 10:10:18

0

0

1933

verwandte Themen

Mehr>

• Bitcoin-Handelswebsite
• Binäre Darstellung negativer Zahlen
• So formatieren Sie die Festplatte unter Linux
• Linux-Befehl zum Ändern des Dateinamens
• Funktionen des Tracert-Befehls
• Was wird mit dem Artikel-Tag definiert?
• Verwendung von Telnet-Befehlen
• Hat die Inflationsrate einen Einfluss auf digitale Währungen?