直接删class和style属性高危，必须先监控Attribute modifications、再全局搜索JS调用、最后灰度改名测试；可安全批量删align/valign/border等过时属性；html-minifier不敢动因无法感知运行时依赖。
直接删 class 和 style 属性是高危操作，90% 的“清理失败”都源于没验证 JS 运行时依赖。真正安全的清理，必须分三步走：先监控、再搜索、最后灰度删。
怎么确认某个 class 真的没被 JS 用？
别只看 CSS 文件里有没有对应规则。很多 class 是纯 JS 驱动的，比如 active、loading、is-open 这类状态类，CSS 可能压根没写，但 JS 会反复 classList.toggle()。
- 在 Chrome DevTools Elements 面板右键目标元素 → Break on → Attribute modifications，然后点按钮、输文字、滚动页面，看是否断点触发
- 全局搜索整个项目：
querySelector(".xxx")、getElementsByClassName("xxx")、classList.add("xxx")、className.includes("xxx") - 检查构建产物（如
dist/main.js）是否含混淆后的引用——用grep -r "xxx" dist/或 VS Code 全局搜压缩后文件 - 临时改名测试：
class="xxx"→class="xxx__dead"，跑关键路径 E2E 或手动点一遍，观察功能是否异常
哪些 HTML 属性可以批量删，且基本不踩坑？
这些属性在现代浏览器中已无渲染或语义作用，删掉不影响显示，也不影响 JS 行为（前提是没在 JS 里读取它们的值）：
-
align、valign（这种）border、cellpadding、cellspacing（仅限，CSS 已完全接管）
width、height（对非元素无效）language、type="text/javascript"、type="text/css"（HTML5 默认值）VS Code 正则推荐（开启
.*模式）：搜索：(align|valign|border|cellpadding|cellspacing|language|type="(?:text/javascript|text/css)")="[^"]*?"<br>替换：留空
注意：每次替换前点“预览”，防止跨标签误匹配；
type="module"这类不能删。为什么
html-minifier不敢动class和style？它不是不想删，是根本不敢判——它静态扫描，看不到运行时行为。
-
removeUnusedCSS只对已提取的 CSS 文件生效，对 JS 里拼的el.className = "a b " + flag完全无感 - 线上若用了
innerHTML += '' 这种拼接，purgecss根本找不到引用，直接删就报Cannot read property 'classList' of nullcustomAttrAssign支持 Vue/React 绑定语法，但对原生document.createElement("div").className = "x"无效结论：工具只能辅助删注释、空格、冗余标签；动属性前必须人工加静态分析（如
vscode-html-validate）+ 运行时监控双保险。删完最易翻车的验证点在哪？
不是“页面看起来没坏”，而是那些不显眼但一断就卡死的环节：
- 无障碍：删了
aria-*相关class，屏幕阅读器跳过关键区域 - 响应式断点：
class="d-none d-md-block"被删，小屏下内容消失 - CSS-in-JS：Emotion / Styled-components 生成的动态 class 名，可能被误判为无用
- SSR 渲染一致性：服务端没删，客户端删了， hydration 时 DOM mismatch 报错
真正收尾前，得把这四类场景手动点一遍，尤其关注表单提交、弹窗开关、滚动加载这些 JS 密集交互点。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
