KAIROS.WORKSPACE
技术宇宙 / ONLINE
搜索订阅

Knowledge Constellation

探索地图

整个站点的知识被连成一张星图：文章、项目、踩坑、笔记围绕标签与系列运转。 拖住任意星点感受它的引力，滚轮推近看局部，点击一个节点照亮它的邻域。

星图模式force-directed

拖拽节点 · 滚轮缩放 · 点击聚焦邻域 · 双击复位

172 节点 · 253 关系
文章项目踩坑笔记更新标签系列

节点列表

键盘友好的星图索引：点击列表节点，星图会同步聚焦。

172 个节点

分类热点

按内容分类观察知识密度。

8 项
前端工程
22
自部署运维
5
踩坑复盘
4
平台工程
3
博客工程
2
工具实践
2
站点更新
2
内容工程
1

高连接节点

按关系数量找出图谱里的关键入口。

8 项
前端工程22Astro14内容治理与发布门禁体系9可访问性8CSS7Astro 内容系统如何承载长期写作7Astro 博客建设7内容一致性校验：把坏数据挡在构建期而不是发布后7

关系边

展示图谱中的部分可点击关系。

253 条关系
前端工程
category
无障碍不是一次审计，是一串可自动化的断言
可访问性
tag
无障碍不是一次审计，是一串可自动化的断言
测试
tag
无障碍不是一次审计，是一串可自动化的断言
键盘导航
tag
无障碍不是一次审计，是一串可自动化的断言
ARIA
tag
无障碍不是一次审计，是一串可自动化的断言
前端工程
category
让动画跑在合成层：transform/opacity 与 layout thrash 的边界
性能
tag
让动画跑在合成层：transform/opacity 与 layout thrash 的边界
动效
tag
让动画跑在合成层：transform/opacity 与 layout thrash 的边界
渲染
tag
让动画跑在合成层：transform/opacity 与 layout thrash 的边界
CSS
tag
让动画跑在合成层：transform/opacity 与 layout thrash 的边界
前端工程
category
文章页图片的懒加载与淡入：不制造布局偏移的做法
图片优化
tag
文章页图片的懒加载与淡入：不制造布局偏移的做法
性能
tag
文章页图片的懒加载与淡入：不制造布局偏移的做法
CLS
tag
文章页图片的懒加载与淡入：不制造布局偏移的做法
动效
tag
文章页图片的懒加载与淡入：不制造布局偏移的做法
博客工程
category
Astro 内容系统如何承载长期写作
Astro 博客建设
series
Astro 内容系统如何承载长期写作
Astro
tag
Astro 内容系统如何承载长期写作
内容系统
tag
Astro 内容系统如何承载长期写作
TypeScript
tag
Astro 内容系统如何承载长期写作
前端工程
category
剪贴板 API 的现实：安全上下文、权限与失败反馈
浏览器 API
tag
剪贴板 API 的现实：安全上下文、权限与失败反馈
剪贴板
tag
剪贴板 API 的现实：安全上下文、权限与失败反馈
安全
tag
剪贴板 API 的现实：安全上下文、权限与失败反馈
交互细节
tag
剪贴板 API 的现实：安全上下文、权限与失败反馈
前端工程
category
一个可访问的命令面板：从快捷键到焦点管理的全清单
可访问性
tag
一个可访问的命令面板：从快捷键到焦点管理的全清单
键盘导航
tag
一个可访问的命令面板：从快捷键到焦点管理的全清单
ARIA
tag
一个可访问的命令面板：从快捷键到焦点管理的全清单
交互设计
tag
一个可访问的命令面板：从快捷键到焦点管理的全清单
内容工程
category
内容健康检查应该覆盖什么
SEO
tag
内容健康检查应该覆盖什么
内容质量
tag
内容健康检查应该覆盖什么
CI
tag
内容健康检查应该覆盖什么
内容系统
category
内容一致性校验：把坏数据挡在构建期而不是发布后
内容治理
tag
内容一致性校验：把坏数据挡在构建期而不是发布后
构建
tag
内容一致性校验：把坏数据挡在构建期而不是发布后
CI
tag
内容一致性校验：把坏数据挡在构建期而不是发布后
数据校验
tag
内容一致性校验：把坏数据挡在构建期而不是发布后
前端工程
category
CSS 级联层实战：为什么 @layer 能救回你的工具类
CSS
tag
CSS 级联层实战：为什么 @layer 能救回你的工具类
级联层
tag
CSS 级联层实战：为什么 @layer 能救回你的工具类
设计系统
tag
CSS 级联层实战：为什么 @layer 能救回你的工具类
前端工程
category
容器查询落地：让卡片在自己的容器里决定布局
CSS
tag
容器查询落地：让卡片在自己的容器里决定布局
响应式
tag
容器查询落地：让卡片在自己的容器里决定布局
组件设计
tag
容器查询落地：让卡片在自己的容器里决定布局
前端工程
category
CSS 自定义属性做主题系统：一套变量驱动全站换肤
CSS
tag
CSS 自定义属性做主题系统：一套变量驱动全站换肤
设计系统
tag
CSS 自定义属性做主题系统：一套变量驱动全站换肤
主题
tag
CSS 自定义属性做主题系统：一套变量驱动全站换肤
可访问性
tag
CSS 自定义属性做主题系统：一套变量驱动全站换肤
前端工程
category
暗色主题下的对比度：为什么"看着还行"往往不合格
可访问性
tag
暗色主题下的对比度：为什么"看着还行"往往不合格
暗色主题
tag
暗色主题下的对比度：为什么"看着还行"往往不合格
CSS
tag
暗色主题下的对比度：为什么"看着还行"往往不合格
对比度
tag
暗色主题下的对比度：为什么"看着还行"往往不合格
实验室
category
开发者实验室的工具优先级
Astro 博客建设
series
开发者实验室的工具优先级
实验室
tag
开发者实验室的工具优先级
工具
tag
开发者实验室的工具优先级
产品设计
tag
开发者实验室的工具优先级
前端工程
category
力导向图最小实现：在原生 Canvas 上写一个物理引擎
Canvas
tag
力导向图最小实现：在原生 Canvas 上写一个物理引擎
数据可视化
tag
力导向图最小实现：在原生 Canvas 上写一个物理引擎
JavaScript
tag
力导向图最小实现：在原生 Canvas 上写一个物理引擎
动效
tag
力导向图最小实现：在原生 Canvas 上写一个物理引擎
前端工程
category
表单校验的分层：HTML 属性、JS 增强与服务端最终判定
表单
tag
表单校验的分层：HTML 属性、JS 增强与服务端最终判定
校验
tag
表单校验的分层：HTML 属性、JS 增强与服务端最终判定
安全
tag
表单校验的分层：HTML 属性、JS 增强与服务端最终判定
UX
tag
表单校验的分层：HTML 属性、JS 增强与服务端最终判定
Astro 实战
category
一份配置，两个世界：服务端模块如何喂给内联脚本
Astro
tag
一份配置，两个世界：服务端模块如何喂给内联脚本
前端工程
tag
一份配置，两个世界：服务端模块如何喂给内联脚本
数据流
tag
一份配置，两个世界：服务端模块如何喂给内联脚本
设计模式
tag
一份配置，两个世界：服务端模块如何喂给内联脚本
工具实践
category
Lighthouse 分数怎么读：从类别分到可执行的修复
Lighthouse
tag
Lighthouse 分数怎么读：从类别分到可执行的修复
性能
tag
Lighthouse 分数怎么读：从类别分到可执行的修复
可访问性
tag
Lighthouse 分数怎么读：从类别分到可执行的修复
Web 工程化
tag
Lighthouse 分数怎么读：从类别分到可执行的修复
工具实践
category
本地优先的工具站设计：让输入永远不离开浏览器
隐私
tag
本地优先的工具站设计：让输入永远不离开浏览器
工具设计
tag
本地优先的工具站设计：让输入永远不离开浏览器
前端架构
tag
本地优先的工具站设计：让输入永远不离开浏览器
JavaScript
tag
本地优先的工具站设计：让输入永远不离开浏览器
前端工程
category
localStorage 的 schema 版本化：命名、迁移与可回退
localStorage
tag
localStorage 的 schema 版本化：命名、迁移与可回退
前端工程
tag
localStorage 的 schema 版本化：命名、迁移与可回退
数据迁移
tag
localStorage 的 schema 版本化：命名、迁移与可回退
可用性
tag
localStorage 的 schema 版本化：命名、迁移与可回退
前端工程
category
长内容换行三件套：inline code、nowrap 胶囊与时间线轨道
CSS
tag
长内容换行三件套：inline code、nowrap 胶囊与时间线轨道
响应式
tag
长内容换行三件套：inline code、nowrap 胶囊与时间线轨道
溢出
tag
长内容换行三件套：inline code、nowrap 胶囊与时间线轨道
排版
tag
长内容换行三件套：inline code、nowrap 胶囊与时间线轨道
前端工程
category
渐进增强不是口号：把"关掉 JS 也能用"落成检查项
渐进增强
tag
渐进增强不是口号：把"关掉 JS 也能用"落成检查项
无脚本
tag
渐进增强不是口号：把"关掉 JS 也能用"落成检查项
SSR
tag
渐进增强不是口号：把"关掉 JS 也能用"落成检查项
可访问性
tag
渐进增强不是口号：把"关掉 JS 也能用"落成检查项
前端工程
category
让前端"看得懂"限流：429/503 的退避与文案分工
API
tag
让前端"看得懂"限流：429/503 的退避与文案分工
前端
tag
让前端"看得懂"限流：429/503 的退避与文案分工
错误处理
tag
让前端"看得懂"限流：429/503 的退避与文案分工
限流
tag
让前端"看得懂"限流：429/503 的退避与文案分工
自部署运维
category
发布前的最后一道程序：用脚本自动化"人工走查"
CI
tag
发布前的最后一道程序：用脚本自动化"人工走查"
质量保障
tag
发布前的最后一道程序：用脚本自动化"人工走查"
发布流程
tag
发布前的最后一道程序：用脚本自动化"人工走查"
自动化测试
tag
发布前的最后一道程序：用脚本自动化"人工走查"
自部署运维
category
自部署站点的响应头底线：HSTS、CSP 与缓存分层怎么配
安全
tag
自部署站点的响应头底线：HSTS、CSP 与缓存分层怎么配
HTTP
tag
自部署站点的响应头底线：HSTS、CSP 与缓存分层怎么配
Nginx
tag
自部署站点的响应头底线：HSTS、CSP 与缓存分层怎么配
自部署
tag
自部署站点的响应头底线：HSTS、CSP 与缓存分层怎么配
部署实践
category
面向宝塔部署的 Astro SSR 思路
自部署笔记
series
面向宝塔部署的 Astro SSR 思路
Astro
tag
面向宝塔部署的 Astro SSR 思路
部署
tag
面向宝塔部署的 Astro SSR 思路
宝塔
tag
面向宝塔部署的 Astro SSR 思路
自部署运维
category
一个该进 sitemap、一个不该进：结果页与详情页的收录边界
SEO
tag
一个该进 sitemap、一个不该进：结果页与详情页的收录边界
sitemap
tag
一个该进 sitemap、一个不该进：结果页与详情页的收录边界
收录
tag
一个该进 sitemap、一个不该进：结果页与详情页的收录边界
爬虫
tag
一个该进 sitemap、一个不该进：结果页与详情页的收录边界
自部署运维
category
SSR 页面为什么不该向自己发 HTTP 请求：回环依赖与文件直读
Astro
tag
SSR 页面为什么不该向自己发 HTTP 请求：回环依赖与文件直读
SSR
tag
SSR 页面为什么不该向自己发 HTTP 请求：回环依赖与文件直读
Node.js
tag
SSR 页面为什么不该向自己发 HTTP 请求：回环依赖与文件直读
部署
tag
SSR 页面为什么不该向自己发 HTTP 请求：回环依赖与文件直读
前端工程
category
构建期搜索索引：一个 20KB 的 JSON 为什么够用了
搜索
tag
构建期搜索索引：一个 20KB 的 JSON 为什么够用了
架构
tag
构建期搜索索引：一个 20KB 的 JSON 为什么够用了
构建
tag
构建期搜索索引：一个 20KB 的 JSON 为什么够用了
性能
tag
构建期搜索索引：一个 20KB 的 JSON 为什么够用了
前端工程
category
把状态放进地址栏：搜索、筛选与可分享 URL 的最小实现
前端工程
tag
把状态放进地址栏：搜索、筛选与可分享 URL 的最小实现
History API
tag
把状态放进地址栏：搜索、筛选与可分享 URL 的最小实现
搜索
tag
把状态放进地址栏：搜索、筛选与可分享 URL 的最小实现
可用性
tag
把状态放进地址栏：搜索、筛选与可分享 URL 的最小实现
博客工程
category
View Transitions 在多模板博客里的实战分层
Astro 博客建设
series
View Transitions 在多模板博客里的实战分层
Astro
tag
View Transitions 在多模板博客里的实战分层
动效
tag
View Transitions 在多模板博客里的实战分层
View Transitions
tag
View Transitions 在多模板博客里的实战分层
JavaScript
tag
View Transitions 在多模板博客里的实战分层
前端工程
category
字体加载的取舍：CLS、FOUT 与"其实你不需要自定义字体"
性能
tag
字体加载的取舍：CLS、FOUT 与"其实你不需要自定义字体"
字体
tag
字体加载的取舍：CLS、FOUT 与"其实你不需要自定义字体"
排版
tag
字体加载的取舍：CLS、FOUT 与"其实你不需要自定义字体"
CLS
tag
字体加载的取舍：CLS、FOUT 与"其实你不需要自定义字体"
写作方法
category
程序员博客的写作工作流
写作
tag
程序员博客的写作工作流
知识管理
tag
程序员博客的写作工作流
博客
tag
程序员博客的写作工作流
内容工具
category
Astro 内容工作台
Astro 博客建设
series
Astro 内容工作台
Astro
tag
Astro 内容工作台
内容系统
tag
Astro 内容工作台
SEO
tag
Astro 内容工作台
Astro 内容工作台
project-related-post
Astro 内容系统如何承载长期写作
Astro 内容工作台
project-related-post
内容健康检查应该覆盖什么
平台工程
category
内容治理与发布门禁体系
Astro
tag
内容治理与发布门禁体系
CI
tag
内容治理与发布门禁体系
内容系统
tag
内容治理与发布门禁体系
质量保障
tag
内容治理与发布门禁体系
内容治理与发布门禁体系
project-related-post
内容一致性校验：把坏数据挡在构建期而不是发布后
内容治理与发布门禁体系
project-related-post
发布前的最后一道程序：用脚本自动化"人工走查"
内容治理与发布门禁体系
project-related-post
内容健康检查应该覆盖什么
内容治理与发布门禁体系
project-related-post
Lighthouse 分数怎么读：从类别分到可执行的修复
平台工程
category
知识星图浏览器
Canvas
tag
知识星图浏览器
数据可视化
tag
知识星图浏览器
图算法
tag
知识星图浏览器
Astro
tag
知识星图浏览器
知识星图浏览器
project-related-post
力导向图最小实现：在原生 Canvas 上写一个物理引擎
知识星图浏览器
project-related-post
一份配置，两个世界：服务端模块如何喂给内联脚本
个人项目
category
程序员奇趣博客
Astro 博客建设
series
程序员奇趣博客
Astro
tag
程序员奇趣博客
TypeScript
tag
程序员奇趣博客
自部署
tag
程序员奇趣博客
程序员奇趣博客
project-related-post
Astro 内容系统如何承载长期写作
程序员奇趣博客
project-related-post
程序员博客的写作工作流
平台工程
category
周报订阅与投递流水线
Node.js
tag
周报订阅与投递流水线
MySQL
tag
周报订阅与投递流水线
订阅
tag
周报订阅与投递流水线
邮件投递
tag
周报订阅与投递流水线
周报订阅与投递流水线
project-related-post
面向宝塔部署的 Astro SSR 思路
周报订阅与投递流水线
project-related-post
内容一致性校验：把坏数据挡在构建期而不是发布后
开发笔记
category
第一条开发笔记
笔记
tag
第一条开发笔记
开发记录
tag
第一条开发笔记
前端工程
category
aria-modal 拦不住 Tab：命令面板的焦点逃逸
可访问性
tag
aria-modal 拦不住 Tab：命令面板的焦点逃逸
键盘导航
tag
aria-modal 拦不住 Tab：命令面板的焦点逃逸
ARIA
tag
aria-modal 拦不住 Tab：命令面板的焦点逃逸
模态
tag
aria-modal 拦不住 Tab：命令面板的焦点逃逸
构建问题
category
Astro 预渲染时内容集合为空提示
Astro
tag
Astro 预渲染时内容集合为空提示
预渲染
tag
Astro 预渲染时内容集合为空提示
Content Collections
tag
Astro 预渲染时内容集合为空提示
踩坑复盘
category
define:vars 的顶层 const 让客户端换页后工具页集体死亡
Astro
tag
define:vars 的顶层 const 让客户端换页后工具页集体死亡
View Transitions
tag
define:vars 的顶层 const 让客户端换页后工具页集体死亡
调试
tag
define:vars 的顶层 const 让客户端换页后工具页集体死亡
自部署运维
category
订阅页承诺了"踩坑频道"，RSS 里却只有文章
RSS
tag
订阅页承诺了"踩坑频道"，RSS 里却只有文章
Feed
tag
订阅页承诺了"踩坑频道"，RSS 里却只有文章
数据契约
tag
订阅页承诺了"踩坑频道"，RSS 里却只有文章
订阅
tag
订阅页承诺了"踩坑频道"，RSS 里却只有文章
前端工程
category
一个 select 撑破整页：长 option 与网格轨道的 min-content 陷阱
CSS
tag
一个 select 撑破整页：长 option 与网格轨道的 min-content 陷阱
响应式
tag
一个 select 撑破整页：长 option 与网格轨道的 min-content 陷阱
布局
tag
一个 select 撑破整页：长 option 与网格轨道的 min-content 陷阱
表单
tag
一个 select 撑破整页：长 option 与网格轨道的 min-content 陷阱
前端工程
category
window.location.href 悄悄旁路了你的客户端路由
Astro
tag
window.location.href 悄悄旁路了你的客户端路由
View Transitions
tag
window.location.href 悄悄旁路了你的客户端路由
导航
tag
window.location.href 悄悄旁路了你的客户端路由
调试
tag
window.location.href 悄悄旁路了你的客户端路由
踩坑复盘
category
「查看状态页」点进去永远显示链接无效：无参数路由的状态页陷阱
信息架构
tag
「查看状态页」点进去永远显示链接无效：无参数路由的状态页陷阱
SEO
tag
「查看状态页」点进去永远显示链接无效：无参数路由的状态页陷阱
可用性
tag
「查看状态页」点进去永远显示链接无效：无参数路由的状态页陷阱
前端工程
category
滚动进场动画把内容永久藏起来了：IntersectionObserver 的三个降级洞
动效
tag
滚动进场动画把内容永久藏起来了：IntersectionObserver 的三个降级洞
IntersectionObserver
tag
滚动进场动画把内容永久藏起来了：IntersectionObserver 的三个降级洞
降级
tag
滚动进场动画把内容永久藏起来了：IntersectionObserver 的三个降级洞
可访问性
tag
滚动进场动画把内容永久藏起来了：IntersectionObserver 的三个降级洞
踩坑复盘
category
SSR 页面 fetch 自己的静态文件，图谱在部署环境安静地空了
Astro
tag
SSR 页面 fetch 自己的静态文件，图谱在部署环境安静地空了
SSR
tag
SSR 页面 fetch 自己的静态文件，图谱在部署环境安静地空了
部署
tag
SSR 页面 fetch 自己的静态文件，图谱在部署环境安静地空了
Nginx
tag
SSR 页面 fetch 自己的静态文件，图谱在部署环境安静地空了
踩坑复盘
category
订阅接口 503 被前端翻译成了"邮箱格式不对"
API 设计
tag
订阅接口 503 被前端翻译成了"邮箱格式不对"
错误处理
tag
订阅接口 503 被前端翻译成了"邮箱格式不对"
订阅
tag
订阅接口 503 被前端翻译成了"邮箱格式不对"
站点更新
category
内容平台 MVP 闭环
Astro 博客建设
series
内容平台 MVP 闭环
Astro
tag
内容平台 MVP 闭环
内容系统
tag
内容平台 MVP 闭环
站点建设
tag
内容平台 MVP 闭环
站点更新
category
静态更新日志上线
Astro 博客建设
series
静态更新日志上线
Changelog
tag
静态更新日志上线
内容集合
tag
静态更新日志上线
产品迭代
tag
静态更新日志上线