CSS Container Queries 与响应式组件驱动实践
使用 CSS 容器查询构建组件级响应式布局与交互，从容器维度驱动样式，替代媒体查询并提升组件复用性，验证在主流浏览器的兼容与性能收益。
组件
Declarative Shadow DOM SSR 与组件水合优化实践
在 SSR 场景使用 Declarative Shadow DOM 渲染 Web Components，并优化水合与兼容策略。
Declarative Shadow DOM 与可组合组件封装实践
基于 Declarative Shadow DOM 在服务端直出可封装组件结构，提升可组合性与可访问性，并与传统 Shadow DOM 与框架集成进行验证与对比。
WASI 0.2 与 WebAssembly 组件模型：跨语言与可组合能力
概述 WASI 0.2（Preview 2）稳定版与组件模型的现状，说明 WIT 接口、跨语言可组合与运行时支持，并给出工程实践建议与限制。
CSS Container Queries 容器查询与组件级响应式设计实践
基于 CSS Container Queries 实现组件级响应式设计，使用 @container、container-type、container-name 构建可靠布局，并验证跨浏览器支持与降级策略。
前端组件设计：可组合性、无副作用与受控/非受控
以可组合与纯函数思维设计组件，明确受控/非受控边界与副作用管理，提升可维护性与可测试性。
Declarative Shadow DOM 与 SSR 可组合组件实践
利用 Declarative Shadow DOM 在服务端渲染阶段定义组件 Shadow 树，降低客户端引导成本，提升首屏与可维护性。
CSS Container Queries 组件级响应式布局实战
通过容器查询基于组件所属容器尺寸进行样式适配，替代全局断点，提升复用性与维护性。
Vue 生态补充：组件库对比与实践建议
引言在 Vue3 生态中，Vuetify（Material Design）、Naive UI 等组件库各具特色；选择需结合设计体系、组件完整度与路由/框架集成。概览与要点（已验证）Vuetify：Material Design 规范、百余组件、主题系统与工具生态；部分 v2 组件在 v3 处于 La
CSS Subgrid：子网格布局与组件化实践
使用 CSS Subgrid 让子项继承父网格轨道，实现组件级对齐与一致的栅格排版，并提供兼容与降级建议。
