⚠️ 检查模板：错误的模板名称将导致渲染失败。

重要提示：使用 ```dot 作为代码围栏标识符，而不是 ```graphviz 。

快速开始：用墙壁定义房间边界→添加门窗→从模板库中放置家具→添加尺寸和标签→包裹在“绘图栅栏”中。

快速入门：选择图表类型 → 从模板库中添加符号 → 用适当的线条连接 → 添加标签/注释 → 包裹在 ```drawio 围栏中。

快速入门：使用 <diagram> 创建 <mxfile> → 使用网格设置定义 <mxGraphModel> → 添加包含单元格的 <root> → 使用 <mxCell> 作为形状和边缘 → 使用 <mxGeometry> 设置几何图形 → 包裹在 ```drawio fence 中。

快速入门：选择云提供商→从模板库添加服务图标→对区域/VPC中的服务进行分组→使用数据流箭头连接→包裹在```drawio栅栏中。

快速入门：使用 id 、 type 、 x 、 y 、 width 、 height 定义节点 → 在 100px 网格上规划布局 → 使用 fromNode / toNode 连接边缘 → 应用颜色 (1-6) → 包裹在 ```canvas fence 中。原点 (0,0) 位于左上角，X 向右，Y 向下。兼容黑曜石画布。

快速入门：创建具有灵活布局（单/双/三列）的 HTML 结构 → 定义图层和网格的 CSS 样式 → 使用分类面板添加内容 → 对不同图层使用语义颜色。

readonly 表示意图并让 TypeScript 捕获意外突变。

微小的差异通常并不需要单独的类型。

类型是一组可能的值。可分配性意味着子集。

对对象类型使用接口，对其他一切使用类型。

TypeScript 中的每个符号都存在于类型空间、值空间或两者中。

您编写的类型不仅适用于编译器，还适用于在 IDE 中阅读代码的开发人员。复杂类型可能会显示为笨拙的扩展，从而模糊含义并损害开发人员的体验。了解如何控制类型显示有助于您创建正确且可读的类型。

TypeScript 的行为在很大程度上取决于配置。

使用 TypeScript 类型时，三个版本必须保持一致：您正在使用的包的版本、其类型声明 (@types) 的版本以及 TypeScript 本身的版本。即使代码在运行时工作，这些版本之间的不一致也会导致令人困惑的类型错误。

TypeScript 限制类型实例化的深度以防止无限循环。当您遇到“类型实例化过深且可能无限”时，您需要将递归类型重构为尾递归。使用累加器模式，您可以编写 TypeScript 可以优化的类型，从而避免深度限制。

当接口具有联合类型属性时，接口的联合通常更好。

TypeScript 并不健全 - 运行时值可能与静态类型不同。

Unknown 是 any 的类型安全表亲。