office复制粘贴会注入data-ccp-props等私有属性，需用vscode正则（含白名单过滤）批量清理，同时清除空style/class及无效布尔属性，并验证dom结构与可访问性。
识别 data-ccp-props 等 Office 生成的私有属性
这些属性不是你手写的，而是从 Word 或 Outlook 复制粘贴进富文本编辑器（比如 TinyMCE、CKEditor）时自动注入的。典型表现是：data-ccp-props、data-contrast、data-ccp-parastyle、xml:lang、data-pm-slice，还有大量带哈希的 class 名如 scxw251995521。它们不会影响渲染，但会破坏 W3C 验证、干扰 SSR 渲染、导致部分编辑器解析异常。
用 VSCode 全局搜索（Ctrl+Shift+F）配合正则模式（点开 .* 图标），输入：data-[a-z\-]+="[^"]*"，能快速定位所有自定义 data- 属性。注意别漏掉带连字符或数字的变体，比如 data-pm-slice 里的 pm 是小写，而 ccp 是全小写。
用非贪婪正则批量删除冗余 data-* 和 xml:* 属性
直接替换容易误删有用属性（比如 data-testid 或 data-id），所以得加白名单过滤。在 VSCode 的替换面板（Ctrl+H）中：
- 搜索框填：
(\s+)(data-(?!testid|id|hook)[a-z\-]+="[^"]*"|\s+xml:[a-z\-]+="[^"]*") - 替换框留空
- 确保勾选「使用正则表达式」和「匹配整个单词」（
ab|图标）
这个模式的关键点：(?!testid|id|hook) 是负向先行断言，排除你明确要保留的 data- 属性；\s+ 前置捕获空白，确保删掉属性的同时不留下多余空格；"[^"]*" 保证只匹配引号内内容，不跨标签。
⚠️ 容易踩的坑：如果 HTML 里有换行，[^"]* 会失效（它不匹配换行符）。此时把搜索模式改成：(\s+)(data-(?!testid|id|hook)[a-z\-]+="[\s\S]*?"|\s+xml:[a-z\-]+="[\s\S]*?")，用 [\s\S] 替代 [^"] 覆盖多行场景。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
顺手清理 style=""、class="" 空值及无效布尔属性
空属性本身不报错，但属于冗余噪音，且可能被某些 SSR 框架误判为“有意设置”。可一并处理：
-
class=""→ 直接搜class=""替换为空 -
style=""→ 同理，搜style="" - 无效布尔属性，如
disabled=""或required="false"→ 搜\s+(disabled|required|readonly|hidden)=""或\s+(disabled|required|readonly|hidden)="(false|0|no)"，替换为空
注意：不要盲目删掉 class="xxx"，除非你确认这些类名已全局废弃。更稳妥的做法是先用 class="[^"]*" 统计高频 class 名，再结合项目实际决定是否批量清除。
清理后必须验证 DOM 结构与可访问性
正则删得快，但可能意外破坏语义结构。比如误删 aria-* 属性，或把 <label for="x"></label> 里的 for 当成普通属性删掉。
操作完立刻做三件事：
- 打开浏览器开发者工具，右键检查任意元素，确认
aria-label、aria-labelledby、role等关键可访问性属性还在 - 运行 Lighthouse 的「Accessibility」审计，重点关注「[ARIA]」和「[Name]」两项是否报错
- 用键盘 Tab 导航走一遍表单，看焦点顺序是否正常、
label是否仍正确关联input
最隐蔽的问题往往出在替换时没注意属性前后的空格——一个没删干净的 \s+ 可能让两个属性挤成 class="a"id="b"，导致 id 解析失败。所以每次批量替换后，建议用 \s{2,} 搜一下多余空格，手动清理两处再提交。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
