红蓝字差额显示本质是JS判断数值正负后动态加class并由CSS控制颜色：正数蓝、负数红、零值默认色；需用Number()安全转换字符串，预处理千分位，并避免依赖后端class。
红蓝字差额显示的本质是 CSS 样式 + 数值正负判断
财务对账单里“红字”表示负数（如冲销、退款）、“蓝字”表示正数（如收入、应收），这跟会计记账惯例一致。浏览器不识别“红字/蓝字”概念，必须靠 JS 判断数值符号后加 class，再用 CSS 控制颜色。别试图用 color: red 直接写死——动态数据进来时，样式必须随数值自动切换。
关键点在于：数值本身决定样式，不是人工标记。哪怕后端返回的是字符串 "-123.45"，也要先转成数字再判断符号；若字段含千分位逗号（如 "1,234.56"），parseFloat 会截断，得先 .replace(/,/g, '')。
- 推荐统一用
Number()转换，它对空字符串、null返回NaN，比parseInt更安全 - 不要依赖后端传来的 class 名（比如
class="red"），那等于把业务逻辑甩给接口，不可控 - 注意零值：0 既不是红也不是蓝，应保持默认色（通常是黑色），避免
value 漏掉 <code>=== 0的边界
表格单元格内嵌逻辑：用 data-* 属性存原始数值
直接在 <td> 里写 -¥1,234.56 看起来直观，但 JS 无法可靠提取数值——货币符号、逗号、括号（如 (123.45)）都会干扰解析。正确做法是把干净数字存在 data-value 里，显示内容只负责格式化。
<td data-value="-1234.56">−¥1,234.56</td>
这样 JS 可以无歧义读取：cell.dataset.value → "-1234.56" → Number(cell.dataset.value) → -1234.56。后续加 class 就简单了：
立即学习“前端免费学习笔记（深入）”；
if (num > 0) cell.classList.add('positive')if (numif (num === 0) cell.classList.remove('positive', 'negative')
注意：dataset 只读字符串，别试图 cell.dataset.value = 123 写回去，改 DOM 属性要用 cell.setAttribute('data-value', '123')。
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
CSS class 命名要避开财务术语歧义
别用 .red / .blue 这类 class 名——它们描述颜色而非语义，未来换主题色（比如改成绿色/橙色）就得全局替换，且和可访问性冲突（色盲用户依赖语义）。应该用 .debit（借方/支出）和 .credit（贷方/收入），或更直白的 .negative / .positive。
对应 CSS：
.negative { color: #d32f2f; } /* 深红，比纯 red 更稳 */
.positive { color: #1976d2; } /* 深蓝，比纯 blue 更易读 */
td[data-value="0"] { color: #000; }额外提醒：
- 别用
!important强行覆盖，否则后续调试样式冲突会很痛苦 - 如果表格支持导出 Excel，CSS 不生效，红蓝字逻辑需在导出前由 JS 注入对应格式（Excel 有独立的字体颜色 API）
- 打印时默认不显示背景色，但文字色会保留，所以红蓝字在打印版依然有效
金额格式化函数要和红蓝字逻辑解耦
显示 “¥1,234.56” 是格式化职责，判断红蓝是语义职责，两者必须分离。写一个纯格式化函数 formatCurrency(num)，只管加符号、千分位、小数位；红蓝逻辑在渲染层单独处理。
错误示范：formatCurrency(-1234.56) 返回 "<span style="color:red">-¥1,234.56</span>" —— 这把样式硬编码进字符串，破坏了结构与样式的分离原则，也导致无法用 CSS 控制 hover 效果或响应式适配。
- 正确顺序：数值 → 判断正负 → 加 class → 调用
formatCurrency()渲染文本 - 如果后端已返回格式化字符串（如
"(1,234.56)"），JS 需先反向解析出数字，不能直接拿字符串判断括号 - 小数位数不固定时（如汇率计算结果可能有 6 位小数），
formatCurrency应接受精度参数，避免toFixed(2)导致四舍五入误差影响对账
真正麻烦的永远不是怎么标红标蓝，而是原始数据里混着各种格式：带括号的负数、含空格的千分位、不同货币符号、甚至中文数字。这些都得在进表格前清洗干净，否则红蓝逻辑一跑就崩。
