企业官网建设流程全解析

Day 34：深入插槽系统 — 可扩展的 UI 机制

今日目标

• 读packages/client/ui-slots/的核心代码
• 理解什么是 UI 插槽（Slot）
• 理解插槽注册表的实现
• 理解插槽渲染器的实现
• 理解插件怎么通过插槽扩展 UI
• 理解 dsh 前端有哪些内置插槽
• 理解插槽系统和 Cordis 插件的关系
• 理解插槽上下文和 props 传递
• 理解插槽系统的性能优化
• 动手观察插槽系统的行为

前置知识

• Day 30-33 已完成，理解了前端分层架构和 UI 渲染层
• Day 3 理解了 Cordis 的插件机制和注册即效果
• 对 React 的 useSyncExternalStore 有基本了解

任务 1：什么是 UI 插槽？

1.1 插槽的概念

UI 插槽（Slot）是 dsh 前端的可扩展机制，允许插件在预定义的 UI 位置注入自定义组件，而不需要修改核心 UI 代码。

类比：

• WordPress 的小工具（Widget）：在侧边栏、页脚等位置添加