dataset属性名自动转小驼峰：去data-前缀，连字符后字母大写，如data-user-id→userId；数字开头须用方括号访问；值均为字符串，需手动类型转换；动态key需先驼峰化；dataset不响应innerHTML变更，须用setAttribute更新。
dataset自动转小驼峰的命名规则不能靠猜
HTML里写data-user-id，JS里必须用dataset.userId，不是dataset.user-id（语法错误），也不是dataset['user-id']（返回undefined）。浏览器强制转换：去掉data-前缀，每个连字符后字母大写，其余全小写。比如data-api-url→apiUrl，data-xml-version→xmlVersion，data-first-name-v2→firstNameV2。
常见错误是凭印象写dataset.userid或dataset.Userid，结果取不到值。最稳妥的办法是打开控制台，执行console.log(el.dataset)，直接看展开后的属性名。
带数字开头的 data 属性必须用方括号访问
data-2fa-enabled这种写法在 HTML 中合法，但 JS 里无法用点号访问dataset.2faEnabled（语法错误）。只能写成dataset['2faEnabled']。同理，data-3d-model对应dataset['3dModel']。
这类命名虽不常见，但出现在验证、版本、硬件标识等场景时容易翻车。建议优先避开数字开头；若必须用，写 JS 时一律走方括号路径，别试图用点号“蒙对”。
立即学习“前端免费学习笔记（深入）”；
所有 dataset 值都是字符串，类型转换得自己来
dataset.isPinned拿到的是"true"而不是true，dataset.count是"42"而不是42。直接拿去判断或计算会出错。
- 布尔值用
value === "true"或JSON.parse(value)（仅当确定值为"true"/"false"） - 整数优先用
Number(value)，避免parseInt()漏掉小数或误读前导零 - 浮点数用
parseFloat(value)，但注意"0.0001"这类科学计数友好型字符串也能被正确解析 - 对象/数组必须用
JSON.parse()反序列化，且存的时候就得JSON.stringify()
别依赖 jQuery 的.data()自动类型推断——它和原生dataset行为不一致，混用容易引发隐性 bug。
动态拼 key 时别硬拼字符串，先做驼峰转换
如果要根据变量生成 dataset 键名，比如const field = "user-id"，不能直接写el.dataset[field]（因为field还是"user-id"）。得先转成小驼峰：el.dataset[camelCase(field)]。
简单转换函数可这样写：
function camelCase(str) {
return str.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
}
注意这个函数只处理标准连字符命名；若 HTML 里用了data_user_id或data:version，浏览器根本不识别，dataset 里压根不会出现。
真正容易被忽略的点是：dataset 是只读对象（属性可写，但对象本身不可重新赋值），且不响应innerHTML变更——DOM 节点用innerHTML重绘后，dataset 不会更新，必须用setAttribute()显式设置才生效。
