AI 摘要：探讨视图转换伪元素坐标空间差异导致的布局跳跃问题及解决方法。

本文深入分析了在视图转换（View Transitions）中使用 ::view-transition-group(*) 伪元素时，因坐标系差异（视口 vs 快照包含块）导致的布局跳跃问题。作者通过代码示例说明如何通过 getBoundingClientRect 获取元素的旧/新位置，并利用这些坐标优化动画关键帧。然而，在移动端场景中，由于视口（Layout Viewport）与快照包含块（Snapshot Containing Block）的坐标系原点不同（如地址栏影响），直接使用视口坐标会导致动画跳跃。文章提出需通过坐标系转换方法解决这一问题，并附移动端示例验证解决方案的有效性。

Bram.us

View Transitions Applied: Dealing with the Snapshot Containing Block

Beware when manipulating the coordinates of the View Transition’s ::view-transition-group(*) pseudo. Depending on where you read those coordinates from, you might end up with layout jumps when writing them back. This post details the pitfalls and how to deal…

AI 摘要：作者通过分析 Node.js 和前端技术的发展现状，结合 AI 对开发的影响，驳斥“前端已死”的论调，强调技术迭代中蕴藏的新机遇。

本文从技术发展现状、AI 对前端的影响、应对未来的学习路径三个维度展开论述：
1. 技术现状：Node.js 从 v8 到 v20 的核心升级（如 ESM、Worker Thread、WASM 等）表明技术仍在稳步迭代，npm 生态持续增长（340 万+包），但框架层已进入瓶颈期；
2. AI 的影响：AI 工具显著提升开发效率（如代码生成、经验复用），但存在实时性不足、依赖输入质量、缺乏创造性等局限，需结合结构化思维与知识体系应对；
3. 未来路径：通过 5 步实践（AI 入门、搜索、基础库学习、客户端探索、应用开发）掌握 AI Web 开发，强调前端应聚焦应用层而非基建，并展望基于 Agent 的交互变革。

作者主张“低端前端可被 AI 替代，但主观性强的复杂场景仍依赖开发者”，提出“善用 AI 提效+夯实知识体系”的双轨策略。