代码之家 › 专栏 › 技术社区 › 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元素)。

推荐文章

Lars MH · Aurelia:在顶层声明自定义元素并跨应用程序访问

7 年前

gerd hübner · 禁止单击聚合物中的自定义元素

7 年前

Cheetah · 具有绝对位置的自定义元素

7 年前

Max Smaleha · 聚合物2事件

7 年前

James · 未捕获引用错误抽屉未在HTMLElement上定义。onclick in Polymer 2.0?

8 年前

dangerChihuahua007 · 聚合物模块中有多个插入点?

8 年前

Un1 · 如何使disqus注释javascript代码在聚合物自定义元素中工作

8 年前

l1e3e3t7 · 向aurelia视图添加自定义元素

9 年前