CSS Container Queries 容器查询与组件级响应式设计实践
基于 CSS Container Queries 实现组件级响应式设计，使用 @container、container-type、container-name 构建可靠布局，并验证跨浏览器支持与降级策略。
组件
WASI 0.2 与 WebAssembly 组件模型：跨语言与可组合能力
概述 WASI 0.2（Preview 2）稳定版与组件模型的现状，说明 WIT 接口、跨语言可组合与运行时支持，并给出工程实践建议与限制。
CSS has() 关系选择器与组件状态驱动实践
使用 CSS has() 构建组件状态驱动样式与交互，给出性能与兼容性验证方法并在不支持环境提供降级方案。
React 服务器组件 (RSC)：核心原理与实践指南
1. RSC 概述什么是 RSC：定义与核心设计目标RSC 与客户端组件的差异：渲染位置、数据获取逻辑对比RSC 的优势：减少客户端体积、优化数据获取效率2. RSC 核心原理组件渲染流程：服务器端解析与客户端拼接机制数据获取优化：服务器端直接请求数据源避免跨域问题序列化与传输：React 树的序列
Declarative Shadow DOM 与 SSR 可组合组件实践
利用 Declarative Shadow DOM 在服务端渲染阶段定义组件 Shadow 树，降低客户端引导成本，提升首屏与可维护性。
Declarative Shadow DOM SSR 与组件水合优化实践
在 SSR 场景使用 Declarative Shadow DOM 渲染 Web Components，并优化水合与兼容策略。
React 服务器组件与客户端边界缓存策略实践
基于可验证能力梳理 RSC 与客户端边界的协作模式，结合 fetch 缓存与片段化渲染制定一致性与性能策略，并给出落地模板与注意事项。
CSS Container Queries 与响应式组件驱动实践
使用 CSS 容器查询构建组件级响应式布局与交互，从容器维度驱动样式，替代媒体查询并提升组件复用性，验证在主流浏览器的兼容与性能收益。
Dialog 与 Popover 组件可访问性与焦点管理最佳实践
基于原生 `dialog` 与 Popover API 构建弹层组件，完善焦点循环、键盘导航与可访问性语义，并提供验证清单。
Declarative Shadow DOM 与可组合组件封装实践
基于 Declarative Shadow DOM 在服务端直出可封装组件结构，提升可组合性与可访问性，并与传统 Shadow DOM 与框架集成进行验证与对比。
