data-star属性名合法但需全小写加连字符，含大写字母如data-star会被浏览器静默丢弃；dataset自动转驼峰仅对合规data-属性生效，且值恒为字符串，须手动类型转换。
data-star属性名本身不报错，但JS读不到
浏览器不会因为data-star报语法错误——它完全合法。真正出问题的是你试图用dataset.star去读它时返回undefined，而你误以为是“报错”。根源不是属性写错了，是你在HTML里写的压根不是data-star。
常见真实场景：
- 你在HTML里写了
data-Star="5"或data-starCount="5"，结果el.dataset.star始终undefined - DevTools里能看到元素上有
data-Star，但dataset对象里根本没有star字段 - 用
getAttribute('data-Star')能取到值，但dataset.star不行——这不是JS bug，是规范行为
data-star命名必须全小写+连字符，不能有大写字母
data-star本身没问题，但只要里面混入大写字母（比如data-Star、data-STAR、data-StarRating），浏览器就直接忽略这个属性，不把它放进dataset对象。这不是大小写敏感，是解析阶段就被丢弃。
正确写法只有这些：
-
data-star="5"→el.dataset.star可读 -
data-star-count="5"→el.dataset.starCount可读（注意是starCount，不是starcount或StarCount） -
data-star-rating="4.8"→el.dataset.starRating可读
以下全部无效：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
data-Star="5"→dataset.star返回undefined -
data-starCount="5"→ 没有dataset.starcount也没有dataset.starCount -
data-Star-Rating="4.8"→ 连字符前的大写导致整个属性被跳过
dataset自动转驼峰的规则很严格，别靠猜
dataset不是简单删掉连字符再首字母大写。它只对**合法命名的data-属性**做标准化转换：连字符后紧跟的字母必须大写，且前面必须是小写字母或数字。
举例说明：
-
data-star-count→el.dataset.starCount（两段都转） -
data-star-rating-url→el.dataset.starRatingUrl（每段连字符后都大写） -
data-2fa-enabled→ 不能用点号访问，必须写el.dataset['2faEnabled'] -
data-api-url→el.dataset.apiUrl，不是apiurl也不是APIUrl
如果你写了data-starCount，JS里写el.dataset.starCount，依然undefined——因为HTML里那个属性根本没被浏览器识别为data-属性。
值永远是字符串，类型要自己处理
哪怕你写data-star="5"，el.dataset.star拿到的也是字符串"5"，不是数字5。直接用于计算或判断会出错：
-
if (el.dataset.star > 3)→true（字符串比较，"5" > "3"成立） -
if (el.dataset.star === 5)→false（类型不同） -
el.dataset.star + 1→"51"（字符串拼接）
安全做法：
- 转数字：
Number(el.dataset.star)或+el.dataset.star - 转布尔：
el.dataset.star === 'true'，不要用Boolean(el.dataset.star) - 存对象必须
JSON.stringify()，读取时JSON.parse()并判空
el.hasAttribute('data-star')，再确认el.dataset.star是否非undefined，而不是看到undefined就去查JS逻辑。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
