安全批量删除 style 属性应使用正则 style\s=\s["']1*["']，避免误删；class 属性需 DOMParser 归一化处理；data- 属性须甄别运行时依赖；aria-live 必须在初始 HTML 中声明。"' ↩
怎么安全批量删掉所有 style 属性
直接搜 style=".*?" 然后替换为空，大概率会误删 data-style、title 里带 style 字样的内容。浏览器不认这些，但正则不管语义。
真正能落地的写法是：style\s*=\s*["'][^"']*["']，它强制匹配等号后紧挨着的引号对，并且只吃引号内的内容，不跨边界。
- 必须勾选 Sublime 的
.*（正则）模式 - 查找框填：
style\s*=\s*["'][^"']*["'] - 替换框留空，点
Replace All - 删完后检查是否残留
style=后没引号的情况（极少见，但模板生成器可能产出）
清理重复 class 属性时为什么不能只删文本
HTML 解析器遇到 class="a" class="b" 会原样保留两个属性，html2text 这类工具在解析时会把它们都塞进 attrs 列表，后续遍历开销翻倍；更麻烦的是，浏览器最终只取最后一个值，但 JS 用 element.className 读出来却是 "a b"，和 DOM 实际渲染不一致。
实操上得先归一化再处理：
立即学习“前端免费学习笔记（深入）”；
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 用
DOMParser加载 HTML，再遍历所有元素，对每个class属性做split(' ').filter(Boolean).join(' ') - 或用正则预处理：
class\s*=\s*["'][^"']*["']\s+class\s*=\s*["'][^"']*["']→ 替换为单个class值（需捕获两段再合并） - 别忘了清理模板循环产生的重复：比如
<div class="item"><div class="item"> 是结构问题，不是属性问题 <h3>删 <code>data-属性前得先判断是不是运行时必需不是所有
data-都能删。比如data-id="123"可能被 JS 用来查元素，data-status="loading"可能控制 UI 状态；但data-debug-info或构建时注入的data-webpack-hash就纯属冗余。关键判断点：
- 搜
document.querySelector('[data-和dataset.，看哪些 key 真正在 JS 里被读取 - 超过 5 层嵌套的
data-（如data-meta-user-id）会触发浏览器额外监听开销，尤其配合MutationObserver时 - 推荐合并：
data-id="123" data-type="card" data-status="active"→data-meta='{"id":123,"type":"card","status":"active"}'，用JSON.parse(el.dataset.meta)读 - 构建阶段用 Webpack 的
DefinePlugin把调试类data-全局剔除，比运行时删更干净
aria-live属性不能靠 JS 动态加屏幕阅读器只监听初始 HTML 中就存在的
aria-live容器。你用el.setAttribute('aria-live', 'polite')再往里插文字，90% 情况下它根本不会播报——因为通道没在加载时就建立。正确姿势只有两种：
- 容器标签（如
<div id="status-bar"></div>）在首屏 HTML 里就必须带aria-live="polite"，哪怕里面是空的 - 如果框架不允许写死，至少在
document.write或 SSR 输出阶段注入，不能等到DOMContentLoaded之后 - 别同时写
aria-live="polite" role="alert"——role="alert"已隐含assertive，冲突会导致某些读屏器静默忽略 - 高频更新（如轮询状态）必须用
role="status"+ 节流，role="alert"每触发一次都会打断用户当前操作
- 搜
