CodeWF.Markdown 文档
dotnet9
CodeWF.Markdown / 文档 / 06 增量渲染压力

06 增量渲染压力

⏱ 预计阅读 2 分钟 适用于 net8.0 / net10.0 / net11.0 同步于 2026-10-01 来源: CodeWF · docs/MarkdownSamples/06-增量渲染压力.md ✎ 在 GitHub 编辑此页

这份文件用于在左侧编辑器里手动修改内容,观察预览区是否只刷新必要区域。可以尝试在任意段落中插入文字、删除列表项、修改代码块语言或调整表格行。

操作建议

  1. 在本段中间插入一段中文,看预览是否快速更新。
  2. 删除任务列表的一行,看后续块是否仍然保持顺序。
  3. 修改代码块语言标签,例如把 csharp 改成 json。
  4. 给表格增加一行,确认边框和单元格内容正常。
  5. 点击“开始增量演示”,观察自动模拟会轮流执行中文段落替换、正文中部插入和文档尾部追加,每次生成的都是更接近真实中文 Markdown 文档的片段。

可编辑段落

当前段落用于编辑压力测试。你可以在这里插入很长的一句话,或者把其中几个词替换掉。预览刷新后,标题、后续表格、代码块和图片不应丢失。

可编辑任务列表

  • 初始任务一
  • 初始任务二
  • 初始任务三

可编辑代码块

csharp
var before = "left editor";
var after = "right preview";
Console.WriteLine($"{before} -> {after}");

可编辑表格

序号 状态 说明
1 ready 初始行
2 editing 可以复制这一行再粘贴一行
3 done 检查增量刷新后的布局

末尾内容

如果你在上面的区域编辑,末尾内容应该仍然保留在预览中。这里放一个分割线和引用块作为尾部锚点。


尾部引用块:用于观察前面增删内容后,后续块的边距和背景是否恢复正常。

滚动到底后,这一行和预览区末尾留白都应该完整可见,不应贴边或被裁掉。