禁用特定元素的 view-transition-name 需在快照生成前移除其 view-transition-name 属性，可通过 JS 删除内联样式或添加 CSS 覆盖类（如 view-transition-name: none），而非使用 visibility/display 或 transition: none 等无效方式。
如何禁用特定元素的 view-transition-name
视图过渡（View Transitions）默认作用于整个 DOM 变更，但你可以通过移除关键标识让某个元素“退出”过渡流程。核心是让它不参与浏览器自动捕获的 transition map —— 最直接的方式就是删掉它的 view-transition-name 属性。
注意：view-transition-name 是触发视图过渡的必要条件，不是可选装饰。只要元素没这个属性，哪怕它在变更前后都存在，也不会被纳入过渡动画节点。
- 如果该元素原本有
view-transition-name: "foo"，直接用 JS 移除：el.style.viewTransitionName = ""或el.removeAttribute("style")（若 name 是内联设置） - 若 name 来自 CSS：
.card { view-transition-name: "card"; }，则临时加覆盖类：.card.no-vt { view-transition-name: none; }，再el.classList.add("no-vt") - 不要试图用
visibility: hidden或display: none来“屏蔽”——这些只影响渲染，不阻止浏览器将其纳入过渡帧计算
如何用 document.startViewTransition() 排除特定元素
当你手动调用 document.startViewTransition() 时，浏览器会捕获整个 DOM 快照。但你可以提前把不想动的元素从快照中“摘出来”：在回调函数执行前，临时移除其 view-transition-name，或干脆把它 clone 后替换进 DOM（原元素不再参与更新）。
示例做法：
立即学习“前端免费学习笔记（深入）”；
await document.startViewTransition(() => {
// 先隔离不需要过渡的元素
const excluded = document.querySelector(".skip-vt");
const backup = excluded.cloneNode(true);
excluded.replaceWith(backup);
// 执行真实 DOM 更新（此时 excluded 已不在 DOM 中）
updateContent();
});
关键点：必须在 startViewTransition 回调内部操作，否则快照已生成，再改无效。
DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。
为什么 transition: none 对视图过渡无效
transition 属性只控制单个元素的 CSS 属性渐变，而视图过渡是浏览器级的帧合成机制，绕过了常规样式层。给元素设 transition: none 或 animation: none 完全不影响 view-transition 的行为。
常见误操作：
- 写
.skip-vt { transition: none !important; }→ 无效 - 试图用
will-change: auto关闭 → 不相关，will-change影响的是合成层分配，不是视图过渡开关 - 在
:not([view-transition-name])上设样式 → 语法合法，但无法阻止浏览器对有 name 的兄弟元素做映射，也不能让无 name 元素“被跳过”——它本来就不在名单里
兼容性与降级时的关闭逻辑
视图过渡目前（2026年）仅 Chrome 115+、Edge 115+、Safari 17.4+ 支持。在不支持的浏览器里，startViewTransition 会退化为同步执行，此时“关闭”动作本身无意义——但你的 JS 仍需保持逻辑一致。
建议统一处理方式：
- 始终用
if ("startViewTransition" in document)包裹过渡逻辑 - 对要排除的元素，不管是否支持 VT，都提前清理
view-transition-name，避免未来升级后意外触发 - 不要依赖 CSS
@supports (view-transition-name: none)做判断——该特性尚无对应@supports查询语法，只能查 JS API
真正容易被忽略的是：视图过渡一旦启动，就由浏览器接管整个帧序列；你无法像控制 animation-play-state 那样中途暂停或跳转。所谓“关闭”，本质是不让它进入名单——时机只在快照生成前那几毫秒。
