Polymer benutzerdefinierte Element Namenskonvention Merkmal/bug

Question

In Polymer Dokumentation sagten, dass sie

Durch Angabe, den Namen des benutzerdefinierten Element einen Strich enthalten muss (-).

Also mache ich ein benutzerdefiniertes Element mit dem Namen custom-element. Im Allgemeinen macht das jeder. Aber plötzlich habe ich Zweifel, dass können wir einen Strich an den Enden haben?

Dann versuchte ich mit customelement- und -customelement.

Ich fragte mich, ob dash (-) bei rechten Ende funktioniert. Aber mit Strich (-) um linken Ende funktioniert nicht.

Ist das ein Feature oder ein Fehler?

Answer 1

Es ist kein Fehler. Es funktioniert wie erwartet.

Gemäß der spec muss Ihr Element einen Bindestrich in seinem Namen haben (z. B. <my-tabs>). Auf diese Weise müssen Sie einen Namespace hinzufügen, der Konflikte mit vorhandenen Elementen vermeidet. Ein gültiger benutzerdefinierten Elementname ist eine Folge von Zeichen, die Namen

alle folgenden Anforderungen

[a-z] (PCENChar)* '-' (PCENChar)* 

trifft, wo PCENChar: =

"-" | "." | [0-9] | "_" | [a-z] | #xB7 | [#xC0-#xD6] | [#xD8-#xF6] | [#xF8-#x37D] | [#x37F-#x1FFF] | [#x200C-#x200D] | [#x203F-#x2040] | [#x2070-#x218F] | [#x2C00-#x2FEF] | [#x3001-#xD7FF] | [#xF900-#xFDCF] | [#xFDF0-#xFFFD] | [#x10000-#xEFFFF] 

ref: https://www.w3.org/TR/custom-elements/#prod-potentialcustomelementname

this helps :)

Answer 2

Der folgende Link erklärt deutlich. Versuchen Sie zu verstehen Read this article