html5-clear CLI 是最稳的批量清理方案，基于 AST 解析而非正则硬切，默认 basic 规则集可安全删除 align、border、bgcolor 等 HTML4 过时属性；需指定输入输出路径，如 npx html5-clear -f src/index.html -o dist/index.html --ruleset basic。
用 html5-clear CLI 批量清理过时属性
html5-clear 是目前最稳的命令行方案，它不靠正则硬切，而是解析成 AST 后按规则删——比如 align、border、bgcolor 这类 HTML4 时代遗留属性，它默认就归在 basic 规则集里。
执行前先确认要清理的文件路径，然后运行：
npx html5-clear -f src/index.html -o dist/index.html --ruleset basic
常见坑点：
-
--ruleset不传默认是basic，但如果你用了 SVG 或自定义标签，得显式加svg或custom - 它不会动
class和id，但会删掉class="old-xxx"里的old-前缀（如果启用了deprecated-classes规则） - 输出文件必须指定
-o，否则只打印结果不写入，容易误以为“没生效”
VSCode 正则手动清理 class/style 残留
有些旧模板里塞了大量内联 style 或冗余 class，比如 class="old-header old-sidebar btn" 或 style="margin-left:10px; color:#333;"，这类不适合用 html5-clear 处理，得手动筛。
立即学习“前端免费学习笔记（深入）”；
在 VSCode 中打开文件，用以下正则批量删：
- 删所有
old-开头的 class：\b(old-[^\s"]+)\b，勾选“正则”和“全字匹配” - 删内联
style属性：\s+style\s*=\s*["'][^"']*?["']，注意引号类型要匹配源文件 - 别用
.*?替换[^\s"]+——它可能跨标签吞掉" id="x"这种内容
替换前务必点“全部查找”，确认只命中目标，尤其防误删 data-old-id 这类属性名。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
运行时用 classList.remove() 安全移除废弃 class
JS 动态清理比静态替换更可控，但 classList.remove() 有个隐藏陷阱：它不报错也不返回布尔值，调用 el.classList.remove('deprecated') 时如果元素压根没这个类，什么都不会发生。
真正安全的做法是先查再删：
if (el.classList.contains('deprecated')) {
el.classList.remove('deprecated');
}
如果你要批量处理多个类，建议封装成函数：
function removeClasses(el, ...names) {
names.forEach(name => {
if (el.classList.contains(name)) el.classList.remove(name);
});
}
removeClasses(document.body, 'old-header', 'old-sidebar');
清理 style 属性要提取白名单，不是全删
直接删掉所有 style 属性看似干净，但可能误伤必要的内联样式，比如 style="display:none" 控制显隐，或 style="transform: translateX(10px)" 做动画。
推荐做法是提取白名单：
- 保留
display、visibility、opacity、transform等现代常用声明 - 用
getComputedStyle(el)获取计算后样式，再用el.style.cssText = ''清空原始内联值，最后只设白名单项 - 避免用
el.removeAttribute('style')——它会把所有内联样式一锅端，包括你刚用 JS 设置的
真正难的不是删，是判断哪些该留。旧模板里混着 style="font-family: 'Times New Roman'; font-size: 12px;" 这种过时写法，得人工核对是否被 CSS 重置覆盖了。
