h
Next.js 15 Conditional GET ETag If-None-Match 实践
基于 Next.js 15 Edge Route Handler 实现强 ETag 与 If-None-Match 条件请求,配合缓存策略降低传输开销并保持数据一致性。
Resource Hints:preconnect 与 dns-prefetch 实战
使用资源提示在关键第三方与子域上预解析与预连接,降低握手与延迟,并给出协同与验证建议。
Next.js 15 fetch 缓存策略矩阵与 next revalidate-tags 协同实践 cache-no-store-force-cache
系统梳理 Next.js 15 中 fetch 的缓存策略(force-cache/no-store)与 next.revalidate/tags 的协同,用于稳定数据更新与可控失效治理。
Cache.match 选项与 URL 参数策略实践
利用 cache.match 的匹配选项与 URL 参数命名策略,平衡资源新鲜度与命中率,避免误缓存。
OpenSearch 索引与查询优化(2025)
OpenSearch 索引与查询优化(2025)一、索引与映射字段类型:合理设置 keyword/text 与 analyzer,避免动态映射污染。映射治理:统一禁用危险动态字段,控制索引体积。二、分片与副本分片数:按数据规模与并发设定,避免过多小分片。副本:平衡读取性能与写入开销与容错。三、查询与
Fetch 上传流:ReadableStream 与分块上传实践
说明基于 ReadableStream 的请求体上传、必需的 duplex 配置、分块管线与服务端兼容注意事项,并提供示例与参考。
CSS prefers-color-scheme 深色模式与 OKLCH 主题治理实践
使用 CSS 深色模式媒体查询与 OKLCH 色彩空间构建稳健的主题系统,治理对比度与可读性,并提供变量与组件落地示例。
前端资源加载优化:代码分割、Preload 与 Prefetch
"结合代码分割与浏览器资源提示优化首屏与交互性能,并给出验证与监控方法。"
Fetch 断线重试与指数退避持久化队列
`title: Fetch 断线重试与指数退避持久化队列``categories: Web 开发/前端/数据管理``keywords: Fetch,断线重试,指数退避,IndexedDB,队列``description: 将失败的网络请求入队到 IndexedDB 并使用指数退避进行重试,结合 SW
