CodeWF.Markdown / 文档 / 06 增量渲染压力
06 增量渲染压力
这份文件用于在左侧编辑器里手动修改内容,观察预览区是否只刷新必要区域。可以尝试在任意段落中插入文字、删除列表项、修改代码块语言或调整表格行。
操作建议
- 在本段中间插入一段中文,看预览是否快速更新。
- 删除任务列表的一行,看后续块是否仍然保持顺序。
- 修改代码块语言标签,例如把
csharp改成json。 - 给表格增加一行,确认边框和单元格内容正常。
- 点击“开始增量演示”,观察自动模拟会轮流执行中文段落替换、正文中部插入和文档尾部追加,每次生成的都是更接近真实中文 Markdown 文档的片段。
可编辑段落
当前段落用于编辑压力测试。你可以在这里插入很长的一句话,或者把其中几个词替换掉。预览刷新后,标题、后续表格、代码块和图片不应丢失。
可编辑任务列表
- 初始任务一
- 初始任务二
- 初始任务三
可编辑代码块
csharp
var before = "left editor";
var after = "right preview";
Console.WriteLine($"{before} -> {after}");可编辑表格
| 序号 | 状态 | 说明 |
|---|---|---|
| 1 | ready | 初始行 |
| 2 | editing | 可以复制这一行再粘贴一行 |
| 3 | done | 检查增量刷新后的布局 |
末尾内容
如果你在上面的区域编辑,末尾内容应该仍然保留在预览中。这里放一个分割线和引用块作为尾部锚点。
尾部引用块:用于观察前面增删内容后,后续块的边距和背景是否恢复正常。
滚动到底后,这一行和预览区末尾留白都应该完整可见,不应贴边或被裁掉。