data-属性无默认值，需在HTML中显式定义或JS初始化；值恒为字符串，命名须小写加连字符，JS中通过dataset驼峰访问；新增属性须用setAttribute，IE11需降级处理。
data- 属性本身没有“默认值”概念——它只是自定义元数据容器，值由你显式写入或用 JS 设置。想让它有“默认行为”，得靠你在 HTML 里直接写死，或在 JS 中统一初始化。
HTML 中直接写 data- 属性就是最可靠的“默认”
浏览器解析 HTML 时，所有 data- 属性都会原样载入 DOM，这就是事实上的初始状态。
- 必须以
data-开头，只含字母、数字、连字符、下划线（如data-user-id、data-config-key） - 值始终是字符串，即使写
data-count="42"，JS 读出来也是"42" - 服务端渲染时最稳妥：
<input data-default="admin" data-required="true">，避免 JS 还没执行就缺失上下文 - 别写
data-User或data_user——前者被转成小写dataset.user，后者不合法，浏览器直接忽略
dataset 不能设新属性？那就用 setAttribute
很多人误以为 element.dataset.xxx = 'val' 能创建任意 data-xxx，其实不行：它只对 HTML 中已存在的属性生效。
- 错误写法：
btn.dataset.newProp = 'abc'→ DOM 不会出现data-new-prop，getAttribute('data-new-prop')返回null - 正确写法：
btn.setAttribute('data-new-prop', 'abc')→ 立刻生成属性，且可被dataset.newProp后续读取 - IE11 不支持
dataset，需降级用getAttribute/setAttribute统一处理
动态设置时，注意连字符自动转驼峰的陷阱
data-api-token 在 JS 中对应 dataset.apiToken，不是 dataset.api-token 或 dataset.apitoken。
立即学习“前端免费学习笔记（深入）”；
- 连字符后字母自动大写，
data-user-id→dataset.userId - 多个连字符：
data-foo-bar-baz→dataset.fooBarBaz - 别混用大小写：
data-UserId→ 实际变成dataset.userid（全小写），容易和data-userid冲突 - 调试建议：在控制台运行
el.getAttribute('data-user-id')和el.dataset.userId对照看，确认是否一致
真正容易被忽略的是：服务端没传值时，前端 JS 不该“兜底”赋默认 data- 值——因为这会让逻辑分散，且无法被服务端感知。把默认逻辑收口到 HTML 渲染层，才是稳定起点。
