wiblog — 技术探索，生活记录

强制同步布局与布局抖动：为什么读取 offsetWidth 会拖慢页面

本文解释浏览器布局的惰性机制，以及脚本在写入样式后立即读取布局属性如何触发强制同步布局（FSL），连续操作导致布局抖动。以长列表交互为例，给出批量读写、避免在循环中读取布局属性的实践，并说明如何通过 DevTools 检测。

本文聚焦 Java 9 引入的 StackWalker API，解决日志框架中高效获取调用者类名的问题。通过对比 Throwable.getStackTrace 的完整快照机制，解释 StackWalker 的惰性流式遍历、安全限制与适用边界，帮助读者在栈遍历场景中做出合理的技术选型。

长上下文在线服务中，KV Cache 随序列增长迅速膨胀，成为显存与延迟瓶颈。本文以企业知识库问答为场景，对比 LRU、滑动窗口与 H2O 等驱逐策略，解释注意力感知淘汰为何更有效，分析其对生成质量、显存和延迟的影响，并讨论适用边界与实现复杂度。

淋浴花洒出水变小，多半是水垢堵住了出水孔。本文解释白醋中的醋酸如何溶解碳酸钙、氢氧化镁等水垢，并给出可拆卸花洒的浸泡、刷洗、冲洗完整步骤，同时说明适用场景、注意事项与常见误区，帮你安全恢复花洒出水。

烧水后壶底常出现白色水垢，它其实是水中钙镁离子加热后形成的碳酸钙和氢氧化镁沉淀。本文从自来水中的矿物质讲起，解释溶解度与温度的关系、碳酸氢钙分解反应，并说明为何硬水地区更严重，最后介绍用柠檬酸安全除垢的方法。

流式 SSR 将 HTML 分块发送，客户端 Hydration 却要求服务端与客户端首屏渲染完全一致。本文以动态内容页面为例，分析流式渲染如何因时间戳、随机数等不稳定值加剧水合不一致，并给出 suppressHydrationWarning、客户端重渲染等策略及其权衡。

本文聚焦 G1 GC 并发标记阶段的 SATB 队列机制，解释其如何通过写前屏障记录旧引用，保证快照一致性，避免漏标。结合高并发订单服务场景，分析 SATB 与增量更新的区别、浮动垃圾的产生，以及如何通过日志和 JFR 观察标记进度。

本文以自动生成可解析的 JSON 和 SQL 为场景，解释约束解码如何在前向传播时屏蔽非法 Token，对比后处理修复与重试的失败模式，分析对生成质量、延迟和实现复杂度的影响，并给出适用边界。

空气炸锅并非真的用空气“炸”，而是靠高速热风循环和顶部加热管，让食物表面脱水并发生美拉德反应。本文以制作薯条为例，解释强制对流换热原理、热风速度与温度控制，以及为何仍需涂少量油，帮助读者理解酥脆口感的来源并合理使用空气炸锅。

本文以静态资源更新场景为例，分析 Cache-Control 的 immutable 与 stale-while-revalidate 指令如何控制浏览器缓存行为，减少重复请求并提升加载速度。你将理解启发式缓存、显式过期与后台重新验证的机制，并获得配置建议与适用边界。