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

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

4 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

4 月前

Alex · 在轻量级中同时解构和不解构变量

4 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

4 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

4 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

4 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

4 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

5 月前

user3472810 · Angular@Output/EventEmitter返回undefined

5 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

5 月前