INDEX / JOURNAL
文章Log
佳瑞网的文章列表，记录 Web 前端、界面设计、性能优化与工程化的实践和取舍；按发布时间排列，可按分类筛选，并提供搜索入口。
11 Entries
Updated 2026.10.18
Ordered by date
Updated 2026.10.18
Ordered by date
文章列表
001用容器查询重构响应式卡片容器查询让卡片按自身宽度响应，而不是依赖视口。本文用一个文章列表组件，拆解容器声明、尺寸查询与降级写法。HTML/CSS002用 Canvas 画一个点阵地球不引入 Three.js，用 Canvas 2D 和 Fibonacci 球面点阵画一个可旋转地球，并控制首屏开销、DPR 与低端设备的降级路径。JavaScript003从 Nuxt 2 迁到 Astro：内容站的重构笔记把依赖登录与数据库的内容站迁移到 Astro 静态构建，记录内容集合、路由、搜索与部署的取舍，以及迁移中踩过的坑。框架004Pagefind 在静态站里的中文搜索Pagefind 在静态站里做中文搜索是否可用？本文用真实查询验证分词、子串匹配、索引体积与构建接入方式。工程化005主题切换如何做到首屏不闪明暗主题最容易忽略的是首屏闪烁。本文拆解阻塞脚本、localStorage、系统偏好与按钮状态同步的最小实现。JavaScript006把首屏海报压进 45KB把首屏海报压到 45KB 以内：从 Canvas 截图、sharp 转 AVIF 到质量与尺寸的取舍，给出一条可复现的构建管线。工程化007用级联层收住样式优先级级联层让样式优先级变得可预测。本文用 tokens、基础样式与组件样式三层，说明如何避免 !important 与选择器战争。HTML/CSS008satisfies 解决了什么问题satisfies 既保留字面量推断，又能校验结构。本文用配置表与路由表两个例子，比较注解、as const 和 satisfies 的差异。JavaScript009MDX 里的交互组件该不该成为岛屿MDX 里的交互组件什么时候该成为岛屿？本文用主题切换与代码复制两个例子，讨论边界、水合成本与降级策略。框架010静态站点的旧链接怎么处理静态托管没有服务端路由，旧链接怎么处理？本文比较 _redirects、vercel.json、meta 刷新与客户端跳转的适用场景。杂谈