开发笔记 v0.11.1:脚注悬浮框 - 定位修复与七层架构沉淀
本版本聚焦阅读体验修复与知识沉淀:重写了脚注悬浮框的定位与滚动逻辑,把前端七层架构串讲沉淀进典型案例,并清理了旧的 blog/prompts 路由与重定向配置。
2026-08-07
本版本聚焦阅读体验修复与知识沉淀:重写了脚注悬浮框的定位与滚动逻辑,把前端七层架构串讲沉淀进典型案例,并清理了旧的 blog/prompts 路由与重定向配置。
修复脚注悬浮框显示与定位
- 长脚注不再被钳制在触发点,改为根据上下空间计算后放进空间更大的一侧,并在 maxHeight 内滚动,避免内容溢出视口。
- 脚注触发器显示真实标签([^xxx] 原文)而非序号 id,阅读时能直接看到脚注对应的原始标记。
- 修复脚注后紧邻有序列表被错误吸收的缩进问题,保留后续列表原本的编号。
知识沉淀:前端七层架构串讲
- 在典型案例「个人博客搭建」中新增七层串讲:内容 → 翻译管线 → 组件与模板 → 框架 → 产物 → 服务器 → 浏览器。
- 每一层的关键细节用悬浮框脚注承载,读者悬停即可查看该层的职责、输入输出与相互衔接关系。
清理旧架构
- 删除 blog/prompts 旧路由与 101 条重定向配置,dist 产物不再包含旧板块。
- 站点入口与资源路径统一收拢到新的路由体系,降低维护成本。
版本号由 0.11.0 升级至 0.11.1。
UI 设计图留档
