parseFloat() 能直接用，因为它专为解析以数字开头的字符串设计：自动跳过前导空格，识别十进制数（支持小数点、负号、科学计数法），遇非数字字符即停止并返回已读数值，如"12.5px"→12.5、"-3.14em"→-3.14、"auto"→NaN。
直接用 parseFloat() 就行，它会自动跳过开头空格、读取数字部分，遇到非数字字符（如 px、%、em）就停止。
为什么 parseFloat() 能直接用？
它专为解析“以数字开头的字符串”设计：从左到右扫描，忽略前导空白，识别十进制数（支持小数点和负号），一碰到不能组成有效数字的字符（比如字母 p、x 或单位符号）就立即停止并返回已读取的数值。
例如：
-
parseFloat("12.5px")→12.5 -
parseFloat(" -3.14em")→-3.14 -
parseFloat("0.8rem")→0.8 -
parseFloat("auto")→NaN（不以数字开头，返回NaN）
注意边界情况
有些样式值可能含前导空格、负号或科学计数法，parseFloat() 都能正确处理：
- 带空格：
parseFloat(" 24px")→24 - 负值：
parseFloat("-1.5rem")→-1.5 - 科学计数法：
parseFloat("1e2px")→100 - 无效开头：
parseFloat("px12")→NaN（必须数字开头）
实际使用建议
从 CSS 样式中提取数值时，推荐配合类型检查，避免 NaN 导致计算错误：
- 用
Number.isFinite()判断是否得到有效数字 - 可提供默认值，比如：
const size = Number.isFinite(parseFloat(val)) ? parseFloat(val) : 0; - 不需要先用正则剔除单位——
parseFloat()更简洁、更可靠
不复杂但容易忽略：它只认“开头是数字”，不关心后面是什么，也不需要你手动切字符串或写正则。
