vs code全局替换默认不扫描script/style块，需勾选“在受支持的语言中搜索”；搜class值应加单词边界\b或用引号捕获正则；纯文本工具如notepad++会误替，复杂场景须用cheerio/beautifulsoup按dom解析。
VS Code 里 Ctrl+Shift+H 替换 class 值总出错？先看匹配范围
VS Code 的全局替换（Ctrl+Shift+H）默认只在 HTML 标签体和属性值中生效，但会跳过 <script></script> 和 <style></style> 块里的字符串——这不是 bug，是语法感知过滤。如果你搜 class="old" 却没命中 JS 里写的 el.className = "old"，不是正则写错了，是它压根不进 JS 区域。
想强制进 <script></script> 搜，得手动点开“在受支持的语言中搜索”复选框；想限定只扫 HTML 文件，务必填上路径模式，比如 src/**/*.html，否则它真会把 .js 和 .css 一起扫进来。
- 右下角显示
UTF-8 with BOM或中文变问号？先点编码 → “Reopen with Encoding” → 选UTF-8 - 搜
old却把tooltip="This is oldish"也替了？加单词边界：\bold\b - class 值带换行或空格，如
class="old\n extra"？\bold\b失效，改用class\s*=\s*(['"])([^'"]*)old([^'"]*)\1，\1自动匹配引号类型
Notepad++ 替换 class="old" 时为什么一替全中？
Notepad++ 默认不做语法解析，就是纯文本暴力匹配。你输 old → new，它不管这是类名、data 属性、注释还是 JS 字符串里的子串，只要连续出现就替。
解决办法只有两个：要么加正则锚定，比如 class\s*=\s*["']old["']；要么用更安全的工具——一旦发现“预览结果”里有 20 处命中，但只有 3 处该改，说明文本级替换已经失控，该切到 DOM 解析了。
- 别用
old → new这种裸替换，哪怕只是临时改一个项目 -
class="old extra"和class="old"要统一处理？正则得捕获前后内容：class\s*=\s*(['"])([^'"]*)old([^'"]*)\1，替换为class=$1$2new$3$1 - 如果文件含 GBK 编码，先转 UTF-8 再操作，否则替换后中文乱码不可逆
什么时候必须放弃编辑器，改用 Cheerio 或 BeautifulSoup？
当你需要区分“文本节点里的 old”和“data-old-id="123" 里的 old”，或者要跳过注释、CDATA、JS 字符串、模板语法（如 {{ old }}），编辑器的正则就不是慢的问题，是根本不可靠。
Cheerio 在 Node.js 环境里能真正按 DOM 树操作：$("[class*='old']").attr("class", c => c.replace(/\bold\b/g, "new"))，天然避开非 class 属性；BeautifulSoup 的 soup.find_all(string=re.compile(r"\bold\b")) 只扫文本节点，<script></script> 和 <style></style> 里的内容自动被忽略。
- Cheerio 默认不保留原始空白和属性顺序，若输出需严格一致，加载时加
{ xmlMode: false }，别直接用$.root().toString() - Python 侧用 BeautifulSoup，记得传
features="lxml"，比默认 html.parser 更稳 - 命令行跑
sed或perl批量处理 HTML？先问自己：有没有<!-- old -->或<script>console.log("old")</script>？有就别硬上
浏览器里动态替换用户选中的 HTML 片段？别碰 innerHTML
富文本编辑区域（contenteditable）里想实现“用户高亮一段文字 → 点按钮替成新内容”，不能用 element.innerHTML.replace()——它会清空整个元素结构，丢失光标位置、事件绑定、甚至 iframe。
必须用原生 Selection/Range API：window.getSelection() 获取选区，range.deleteContents() 清掉旧内容，再用 range.insertNode() 插入新节点。这样既保结构，又准确定位。
- 不要用
document.execCommand()，已废弃，且行为不一致 - 替换后焦点丢失？执行完插入操作，调用
range.collapse(false)+window.getSelection().addRange(range)恢复光标到末尾 - 如果新内容含 HTML 字符串，先用
DOMParser解析再插入，避免 XSS 风险和标签误闭合
真实难的从来不是写对一个正则，而是判断这一段能不能用字符串替换——边界常藏在 data- 属性值、多行 class、JS 模板字符串和注释交界处。每次动手前，先花 10 秒问：这段 HTML 是静态的？是否嵌套？有没有动态生成痕迹？答案决定你该开编辑器，还是该写三行 Cheerio。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
