代码之家 › 专栏 › 技术社区 › Lonnie Best

自定义元素-扩展htmlelement的命名冲突

ecmascript-2018 native-web-component custom-element es6-class javascript

Lonnie Best · 技术社区 · 6 年前

自定义元素是通过扩展htmlelement类创建的。

因此,在创建自定义元素时,似乎必须采取特别的预防措施,不要将已经从htmlelement继承的任何自定义属性名赋予自定义元素。

我可以想象许多避免这些潜在命名冲突的方法,但是我会对其他人的建议或任何关于这个主题的最佳实践感兴趣。

1 回复 | 直到 6 年前

Supersharp 6 年前

正如@jared smith所建议的,最佳做法是使用带连字符的名称,并且更准确地说, data-* notation ,可通过 dataset 财产。

请注意 aria-* 不应使用符号,因为它是为 accessibility .

最后,您可以选择任何名称,除了 global attributes 或者特定属性(如果扩展标准HTML元素)。

推荐文章

John David · ——等待这个。方法();在静态方法中不起作用

7 年前

barrylachapelle · ES6类-从单击事件调用方法[重复]

7 年前

Vivek · 在我的react-es6项目中使用“上下文”时出错

7 年前

bonblow · ES6 |更改B类中A类的数据?[已关闭]

7 年前

jsldnppl · Javascript类实例化

7 年前

kombat · ES6:如何从回调函数调用类函数[重复]

7 年前

humkins · 扩展Javascript承诺并在构造函数内解决或拒绝它

7 年前

Mateusz Witkowski · 在类实例中获取块作用域变量

7 年前

Osman Cea · 将表达式定义为类属性[重复]时,Javascript中的正则表达式测试失败

7 年前

KyleM · ES6 javascript子类没有继承所有变量?

7 年前