Question

对于数据属性值，是否使用连字符或 camelCase ？

连字符示例：

With y.Sheets("Table 1").Range("P:P").FormatConditions.Add (Type:=xlCellValue, Operator:=xlBetween, Formula1:="=5", Formula2:="10")
.Interior.Color = rgbYellow
 End With
With y.Sheets("Table 1").Range("P:P").FormatConditions.Add (Type:=xlCellValue, Operator:=xlBetween, Formula1:="=-5", Formula2:="-10")
.Interior.Color = rgbYellow
 End With
With y.Sheets("Table 2").Range("P:P").FormatConditions.Add(Type:=xlCellValue, Operator:=xlBetween, Formula1:="=5", Formula2:="10")
.Interior.Color = rgbYellow
 End With
With y.Sheets("Table 2").Range("P:P").FormatConditions.Add(Type:=xlCellValue, Operator:=xlBetween, Formula1:="=-5", Formula2:="-10")
.Interior.Color = rgbYellow
 End With
With y.Sheets("Table 3").Range("P:P").FormatConditions.Add(Type:=xlCellValue, Operator:=xlBetween, Formula1:="=5", Formula2:="10")
.Interior.Color = rgbYellow
 End With
With y.Sheets("Table 3").Range("P:P").FormatConditions.Add(Type:=xlCellValue, Operator:=xlBetween, Formula1:="=-5", Formula2:="-10")
.Interior.Color = rgbYellow
 End With
With y.Sheets("Table 7").Range("P:P").FormatConditions.Add (Type:=xlCellValue, Operator:=xlBetween, Formula1:="=5", Formula2:="10")
.Interior.Color = rgbYellow
 End With
With y.Sheets("Table 7").Range("P:P").FormatConditions.Add (Type:=xlCellValue, Operator:=xlBetween, Formula1:="=-5", Formula2:="-10")
.Interior.Color = rgbYellow
 End With

骆驼案例

<input type="text" name="some_input"  data-target="to-grab-input-via-javascript">

Google搜索会显示数据属性本身的命名约定，但不会显示数据属性值的命名约定。我发现的所有示例也只有一个单词用于数据属性值，所以我找不到这个问题的答案。

Javascript喜欢骆驼套装，所以我想它应该是骆驼套装，但我不想做出假设。

Answer 1

这没有标准。使用最适合您的方法，但请注意，在使用 dataset property 检索值时，虚线值将转换为驼峰大小写，反之亦然：

名称转换

dash-style to camelCase：

自定义数据属性名称   使用以下内容转换为DOMStringMap条目的键   规则



删除前缀data-（包括短划线）;



对于任何短划线（U+002D）后跟一个ASCII小写字母a到z，短划线将被移除，并且字母将转换为大写字母;


其他字符（包括其他破折号）保持不变。


camelCase为dash-style：

相反的转换，映射一个键   到属性名称，使用以下规则：


限制：短划线不能紧跟ASCII   小写字母a到z（转换前）;

添加前缀data-;

任何ASCII大写字母A到Z都会转换为破折号   其次是小写的对应物;

剩下其他字符   不变。


上述规则中的限制确保了两者   转换是另一种转换。

例如，名为data-abc-def的属性对应于键abcDef。

以下是其他一些例子：

＆＃13;

console.log(document.getElementById("d1").dataset); // "data-this-is-a-test" becomes "thisIsATest"
console.log(document.getElementById("d2").dataset); // "data-thisIsATest" becomes "thisisatest"

＆＃13;

<div id="d1" data-this-is-a-test="foo"></div>
<div id="d2" data-thisIsATest="foo"></div>

＆＃13;

专门用于Javascript的数据属性值的命名约定

1 个答案: