perf(editor): reduce long-document decoration work and fix fold navigation

This commit is contained in:
2026-09-06 14:30:56 +08:00
parent 750e17212e
commit 874e916106
23 changed files with 9398 additions and 54 deletions
@@ -0,0 +1,958 @@
# 长文渲染压力测试
## 第 1 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 1
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 2 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 2
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 3 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 3
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 4 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 4
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 5 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 5
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 6 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 6
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 7 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 7
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 8 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 8
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
> [!TIP] 验收提示
> 内容需要保留,折叠后仍可展开。
| 项目 | 状态 |
| --- | --- |
| 渲染 | 待验证 |
```javascript
const note = { title: "长文测试", ready: true };
console.log(note);
```
## 第 9 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 9
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 10 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 10
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 11 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 11
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 12 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 12
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 13 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 13
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 14 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 14
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 15 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 15
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 16 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 16
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
> [!TIP] 验收提示
> 内容需要保留,折叠后仍可展开。
| 项目 | 状态 |
| --- | --- |
| 渲染 | 待验证 |
```javascript
const note = { title: "长文测试", ready: true };
console.log(note);
```
## 第 17 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 17
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 18 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 18
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 19 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 19
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 20 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 20
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 21 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 21
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 22 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 22
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 23 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 23
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 24 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 24
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
> [!TIP] 验收提示
> 内容需要保留,折叠后仍可展开。
| 项目 | 状态 |
| --- | --- |
| 渲染 | 待验证 |
```javascript
const note = { title: "长文测试", ready: true };
console.log(note);
```
## 第 25 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 25
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 26 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 26
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 27 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 27
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 28 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 28
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 29 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 29
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 30 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 30
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 31 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 31
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 32 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 32
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
> [!TIP] 验收提示
> 内容需要保留,折叠后仍可展开。
| 项目 | 状态 |
| --- | --- |
| 渲染 | 待验证 |
```javascript
const note = { title: "长文测试", ready: true };
console.log(note);
```
## 第 33 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 33
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 34 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 34
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 35 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 35
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 36 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 36
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 37 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 37
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 38 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 38
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 39 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 39
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 40 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 40
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
> [!TIP] 验收提示
> 内容需要保留,折叠后仍可展开。
| 项目 | 状态 |
| --- | --- |
| 渲染 | 待验证 |
```javascript
const note = { title: "长文测试", ready: true };
console.log(note);
```
## 第 41 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 41
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 42 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 42
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 43 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 43
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 44 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 44
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 45 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 45
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 46 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 46
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 47 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 47
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 48 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 48
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
> [!TIP] 验收提示
> 内容需要保留,折叠后仍可展开。
| 项目 | 状态 |
| --- | --- |
| 渲染 | 待验证 |
```javascript
const note = { title: "长文测试", ready: true };
console.log(note);
```
## 第 49 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 49
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 50 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 50
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 51 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 51
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 52 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 52
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 53 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 53
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 54 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 54
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 55 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 55
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 56 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 56
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
> [!TIP] 验收提示
> 内容需要保留,折叠后仍可展开。
| 项目 | 状态 |
| --- | --- |
| 渲染 | 待验证 |
```javascript
const note = { title: "长文测试", ready: true };
console.log(note);
```
## 第 57 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 57
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 58 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 58
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 59 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 59
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 60 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 60
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 61 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 61
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 62 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 62
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 63 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 63
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 64 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 64
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
> [!TIP] 验收提示
> 内容需要保留,折叠后仍可展开。
| 项目 | 状态 |
| --- | --- |
| 渲染 | 待验证 |
```javascript
const note = { title: "长文测试", ready: true };
console.log(note);
```
## 第 65 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 65
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 66 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 66
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 67 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 67
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 68 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 68
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 69 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 69
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 70 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 70
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 71 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 71
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 72 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 72
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
> [!TIP] 验收提示
> 内容需要保留,折叠后仍可展开。
| 项目 | 状态 |
| --- | --- |
| 渲染 | 待验证 |
```javascript
const note = { title: "长文测试", ready: true };
console.log(note);
```
## 第 73 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 73
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 74 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 74
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 75 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 75
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 76 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 76
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 77 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 77
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 78 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 78
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 79 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 79
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 80 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 80
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
> [!TIP] 验收提示
> 内容需要保留,折叠后仍可展开。
| 项目 | 状态 |
| --- | --- |
| 渲染 | 待验证 |
```javascript
const note = { title: "长文测试", ready: true };
console.log(note);
```
## 第 81 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 81
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 82 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 82
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 83 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 83
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 84 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 84
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 85 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 85
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 86 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 86
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 87 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 87
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 88 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 88
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
> [!TIP] 验收提示
> 内容需要保留,折叠后仍可展开。
| 项目 | 状态 |
| --- | --- |
| 渲染 | 待验证 |
```javascript
const note = { title: "长文测试", ready: true };
console.log(note);
```
## 第 89 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 89
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 90 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 90
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 91 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 91
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 92 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 92
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 93 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 93
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 94 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 94
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 95 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 95
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 96 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 96
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
> [!TIP] 验收提示
> 内容需要保留,折叠后仍可展开。
| 项目 | 状态 |
| --- | --- |
| 渲染 | 待验证 |
```javascript
const note = { title: "长文测试", ready: true };
console.log(note);
```
## 第 97 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 97
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 98 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 98
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 99 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 99
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 100 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 100
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 第 101 节:知识整理
本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。
### 小结 101
重点包含 **强调文字**`inlineCode` 和 [链接](https://example.com)。
## 文末校验
结束标记:长文内容完整。
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
+2
View File
@@ -95,3 +95,5 @@
- 文档中的“计划实现”和“已经实现”必须明确区分;实现状态以代码、测试和运行时契约为准。
- [Markdown 语法预设与外部文件刷新](development/Markdown语法预设与外部文件刷新.md)
- [长文渲染优化与压测报告](development/长文渲染优化与压测报告.md)
@@ -0,0 +1,380 @@
[
{
"requestedHan": 25000,
"hanCharacters": 25632,
"sourceCharacters": 35728,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 379.09999999403954,
"domNodes": 2110,
"selectionMs": {
"median": 0.4000000059604645,
"p95": 0.7000000178813934,
"max": 1.300000011920929
},
"insertMs": {
"median": 6.300000011920929,
"p95": 9.599999994039536,
"max": 10.400000005960464
},
"foldMs": {
"median": 42.900000005960464,
"p95": 45.599999994039536,
"max": 45.599999994039536
},
"integrity": true,
"previewMs": [
176.30000001192093,
22.69999998807907,
19.80000001192093
],
"previewNodes": 1058,
"longTasks": {
"count": 4,
"median": 91,
"p95": 359,
"max": 359
},
"heapUsedBytes": 36560189,
"repeat": 1
},
{
"requestedHan": 25000,
"hanCharacters": 25632,
"sourceCharacters": 35728,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 218.59999999403954,
"domNodes": 2110,
"selectionMs": {
"median": 0.29999998211860657,
"p95": 0.5,
"max": 0.5
},
"insertMs": {
"median": 4.799999982118607,
"p95": 6.9000000059604645,
"max": 7.699999988079071
},
"foldMs": {
"median": 45.30000001192093,
"p95": 79,
"max": 79
},
"integrity": true,
"previewMs": [
112.90000000596046,
27.80000001192093,
25.399999976158142
],
"previewNodes": 1058,
"longTasks": {
"count": 5,
"median": 65,
"p95": 198,
"max": 198
},
"heapUsedBytes": 78394355,
"repeat": 2
},
{
"requestedHan": 25000,
"hanCharacters": 25632,
"sourceCharacters": 35728,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 207.59999999403954,
"domNodes": 2110,
"selectionMs": {
"median": 0.4000000059604645,
"p95": 0.5999999940395355,
"max": 0.699999988079071
},
"insertMs": {
"median": 4.600000023841858,
"p95": 5.9000000059604645,
"max": 6.800000011920929
},
"foldMs": {
"median": 35.900000005960464,
"p95": 45.400000005960464,
"max": 45.400000005960464
},
"integrity": true,
"previewMs": [
98.30000001192093,
29.69999998807907,
29.80000001192093
],
"previewNodes": 1058,
"longTasks": {
"count": 4,
"median": 59,
"p95": 184,
"max": 184
},
"heapUsedBytes": 72765231,
"repeat": 3
},
{
"requestedHan": 60000,
"hanCharacters": 61172,
"sourceCharacters": 85716,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 394.30000001192093,
"domNodes": 4720,
"selectionMs": {
"median": 0.4000000059604645,
"p95": 0.6000000238418579,
"max": 0.699999988079071
},
"insertMs": {
"median": 6.300000011920929,
"p95": 7.799999982118607,
"max": 13.599999994039536
},
"foldMs": {
"median": 95.80000001192093,
"p95": 145.5,
"max": 145.5
},
"integrity": true,
"previewMs": [
180.59999999403954,
61.20000001788139,
50
],
"previewNodes": 2560,
"longTasks": {
"count": 10,
"median": 103,
"p95": 358,
"max": 358
},
"heapUsedBytes": 73234300,
"repeat": 1
},
{
"requestedHan": 60000,
"hanCharacters": 61172,
"sourceCharacters": 85716,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 447.5,
"domNodes": 4720,
"selectionMs": {
"median": 0.4000000059604645,
"p95": 0.5999999940395355,
"max": 0.5999999940395355
},
"insertMs": {
"median": 6.699999988079071,
"p95": 12.699999988079071,
"max": 14.5
},
"foldMs": {
"median": 99.5,
"p95": 110.40000000596046,
"max": 110.40000000596046
},
"integrity": true,
"previewMs": [
153,
44.900000005960464,
49.400000005960464
],
"previewNodes": 2560,
"longTasks": {
"count": 9,
"median": 113,
"p95": 410,
"max": 410
},
"heapUsedBytes": 97026266,
"repeat": 2
},
{
"requestedHan": 60000,
"hanCharacters": 61172,
"sourceCharacters": 85716,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 492.69999998807907,
"domNodes": 4720,
"selectionMs": {
"median": 0.5,
"p95": 0.6000000238418579,
"max": 1
},
"insertMs": {
"median": 7.199999988079071,
"p95": 9.599999994039536,
"max": 10.100000023841858
},
"foldMs": {
"median": 115.80000001192093,
"p95": 149.7000000178814,
"max": 149.7000000178814
},
"integrity": true,
"previewMs": [
141.39999997615814,
67.5,
61.900000005960464
],
"previewNodes": 2560,
"longTasks": {
"count": 11,
"median": 109,
"p95": 445,
"max": 445
},
"heapUsedBytes": 88746335,
"repeat": 3
},
{
"requestedHan": 120000,
"hanCharacters": 122322,
"sourceCharacters": 171613,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 893.4000000059605,
"domNodes": 9139,
"selectionMs": {
"median": 0.7000000178813934,
"p95": 1.2000000178813934,
"max": 2.399999976158142
},
"insertMs": {
"median": 18,
"p95": 28.900000005960464,
"max": 31.5
},
"foldMs": {
"median": 217,
"p95": 292.90000000596046,
"max": 292.90000000596046
},
"integrity": true,
"previewMs": [
203.10000002384186,
98.7999999821186,
92.30000001192093
],
"previewNodes": 5117,
"longTasks": {
"count": 13,
"median": 199,
"p95": 796,
"max": 796
},
"heapUsedBytes": 113890741,
"repeat": 1
},
{
"requestedHan": 120000,
"hanCharacters": 122322,
"sourceCharacters": 171613,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 869.0999999940395,
"domNodes": 9139,
"selectionMs": {
"median": 0.7000000178813934,
"p95": 1.300000011920929,
"max": 3.4000000059604645
},
"insertMs": {
"median": 16.69999998807907,
"p95": 22.599999994039536,
"max": 22.80000001192093
},
"foldMs": {
"median": 220.5,
"p95": 263.09999999403954,
"max": 263.09999999403954
},
"integrity": true,
"previewMs": [
207.39999997615814,
98.7000000178814,
90.2999999821186
],
"previewNodes": 5117,
"longTasks": {
"count": 14,
"median": 205,
"p95": 780,
"max": 780
},
"heapUsedBytes": 125636820,
"repeat": 2
},
{
"requestedHan": 120000,
"hanCharacters": 122322,
"sourceCharacters": 171613,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 845.9000000059605,
"domNodes": 9139,
"selectionMs": {
"median": 0.699999988079071,
"p95": 1.0999999940395355,
"max": 2.9000000059604645
},
"insertMs": {
"median": 18.69999998807907,
"p95": 27.19999998807907,
"max": 35
},
"foldMs": {
"median": 205.7000000178814,
"p95": 263.90000000596046,
"max": 263.90000000596046
},
"integrity": true,
"previewMs": [
213.09999999403954,
100,
91.5
],
"previewNodes": 5117,
"longTasks": {
"count": 13,
"median": 191,
"p95": 768,
"max": 768
},
"heapUsedBytes": 86940861,
"repeat": 3
}
]
@@ -0,0 +1,380 @@
[
{
"requestedHan": 25000,
"hanCharacters": 25632,
"sourceCharacters": 35728,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 398,
"domNodes": 2110,
"selectionMs": {
"median": 1.0999999940395355,
"p95": 1.9000000059604645,
"max": 1.9000000059604645
},
"insertMs": {
"median": 5.300000011920929,
"p95": 8.100000023841858,
"max": 8.800000011920929
},
"foldMs": {
"median": 58.70000001788139,
"p95": 70.19999998807907,
"max": 70.19999998807907
},
"integrity": true,
"previewMs": [
230.7999999821186,
45.5,
39.70000001788139
],
"previewNodes": 1058,
"longTasks": {
"count": 5,
"median": 84,
"p95": 372,
"max": 372
},
"heapUsedBytes": 42428845,
"repeat": 1
},
{
"requestedHan": 25000,
"hanCharacters": 25632,
"sourceCharacters": 35728,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 272.09999999403954,
"domNodes": 2110,
"selectionMs": {
"median": 1,
"p95": 2.0999999940395355,
"max": 2.399999976158142
},
"insertMs": {
"median": 5.699999988079071,
"p95": 7,
"max": 7.300000011920929
},
"foldMs": {
"median": 48.900000005960464,
"p95": 55,
"max": 55
},
"integrity": true,
"previewMs": [
157,
37.69999998807907,
40
],
"previewNodes": 1058,
"longTasks": {
"count": 6,
"median": 63,
"p95": 245,
"max": 245
},
"heapUsedBytes": 62409024,
"repeat": 2
},
{
"requestedHan": 25000,
"hanCharacters": 25632,
"sourceCharacters": 35728,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 224.90000000596046,
"domNodes": 2110,
"selectionMs": {
"median": 0.7000000178813934,
"p95": 1.4000000059604645,
"max": 2
},
"insertMs": {
"median": 4.399999976158142,
"p95": 6.4000000059604645,
"max": 8
},
"foldMs": {
"median": 39.099999994039536,
"p95": 44.10000002384186,
"max": 44.10000002384186
},
"integrity": true,
"previewMs": [
139,
46.099999994039536,
39.900000005960464
],
"previewNodes": 1058,
"longTasks": {
"count": 4,
"median": 92,
"p95": 200,
"max": 200
},
"heapUsedBytes": 35903770,
"repeat": 3
},
{
"requestedHan": 60000,
"hanCharacters": 61172,
"sourceCharacters": 85716,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 458.39999997615814,
"domNodes": 4720,
"selectionMs": {
"median": 2.9000000059604645,
"p95": 5.699999988079071,
"max": 6.0999999940395355
},
"insertMs": {
"median": 7.5999999940395355,
"p95": 9.699999988079071,
"max": 12.400000005960464
},
"foldMs": {
"median": 120.30000001192093,
"p95": 160.09999999403954,
"max": 160.09999999403954
},
"integrity": true,
"previewMs": [
173.5,
65.60000002384186,
70.09999999403954
],
"previewNodes": 2560,
"longTasks": {
"count": 12,
"median": 110,
"p95": 415,
"max": 415
},
"heapUsedBytes": 60644006,
"repeat": 1
},
{
"requestedHan": 60000,
"hanCharacters": 61172,
"sourceCharacters": 85716,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 649.6999999880791,
"domNodes": 4720,
"selectionMs": {
"median": 2.699999988079071,
"p95": 5.699999988079071,
"max": 5.800000011920929
},
"insertMs": {
"median": 7.5,
"p95": 9.099999994039536,
"max": 10.699999988079071
},
"foldMs": {
"median": 116,
"p95": 149.09999999403954,
"max": 149.09999999403954
},
"integrity": true,
"previewMs": [
209.30000001192093,
80.90000000596046,
88.7999999821186
],
"previewNodes": 2560,
"longTasks": {
"count": 12,
"median": 116,
"p95": 586,
"max": 586
},
"heapUsedBytes": 64379838,
"repeat": 2
},
{
"requestedHan": 60000,
"hanCharacters": 61172,
"sourceCharacters": 85716,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 519.7000000178814,
"domNodes": 4720,
"selectionMs": {
"median": 2.9000000059604645,
"p95": 4.9000000059604645,
"max": 5.5
},
"insertMs": {
"median": 9.200000017881393,
"p95": 11.700000017881393,
"max": 11.900000005960464
},
"foldMs": {
"median": 118.40000000596046,
"p95": 134.5,
"max": 134.5
},
"integrity": true,
"previewMs": [
198.5,
84.80000001192093,
91.59999999403954
],
"previewNodes": 2560,
"longTasks": {
"count": 11,
"median": 119,
"p95": 469,
"max": 469
},
"heapUsedBytes": 43218088,
"repeat": 3
},
{
"requestedHan": 120000,
"hanCharacters": 122322,
"sourceCharacters": 171613,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 894.6000000238419,
"domNodes": 9139,
"selectionMs": {
"median": 7.9000000059604645,
"p95": 11.599999994039536,
"max": 24.700000017881393
},
"insertMs": {
"median": 18.19999998807907,
"p95": 22.19999998807907,
"max": 30.799999982118607
},
"foldMs": {
"median": 247.59999999403954,
"p95": 256.59999999403954,
"max": 256.59999999403954
},
"integrity": true,
"previewMs": [
294.2999999821186,
134.09999999403954,
129.90000000596046
],
"previewNodes": 5117,
"longTasks": {
"count": 14,
"median": 207,
"p95": 821,
"max": 821
},
"heapUsedBytes": 60930415,
"repeat": 1
},
{
"requestedHan": 120000,
"hanCharacters": 122322,
"sourceCharacters": 171613,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 875.3999999761581,
"domNodes": 9139,
"selectionMs": {
"median": 9.199999988079071,
"p95": 15.199999988079071,
"max": 15.900000005960464
},
"insertMs": {
"median": 20.599999994039536,
"p95": 23.19999998807907,
"max": 26.5
},
"foldMs": {
"median": 244.09999999403954,
"p95": 269,
"max": 269
},
"integrity": true,
"previewMs": [
272.2999999821186,
146.30000001192093,
157.40000000596046
],
"previewNodes": 5117,
"longTasks": {
"count": 14,
"median": 192,
"p95": 785,
"max": 785
},
"heapUsedBytes": 31982024,
"repeat": 2
},
{
"requestedHan": 120000,
"hanCharacters": 122322,
"sourceCharacters": 171613,
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/152.0.0.0 Safari/537.36",
"viewport": [
1424,
905
],
"openMs": 842.3000000119209,
"domNodes": 9139,
"selectionMs": {
"median": 8,
"p95": 11.900000005960464,
"max": 15.199999988079071
},
"insertMs": {
"median": 18.900000005960464,
"p95": 20.099999994039536,
"max": 21.700000017881393
},
"foldMs": {
"median": 212.5,
"p95": 240.5,
"max": 240.5
},
"integrity": true,
"previewMs": [
253.7000000178814,
129.19999998807907,
172
],
"previewNodes": 5117,
"longTasks": {
"count": 14,
"median": 191,
"p95": 762,
"max": 762
},
"heapUsedBytes": 49460811,
"repeat": 3
}
]
@@ -0,0 +1,122 @@
[
{
"requestedHan": 25000,
"theme": "paper-moments",
"frameGapsMs": {
"median": 10,
"p95": 20.100000000000364,
"max": 110.09999999999991
},
"frames": 380,
"framesOver25ms": 14,
"longTasks": [
97
],
"scrollTop": 6111,
"scrollHeight": 33908,
"foldedScrollTop": 0,
"caretAfterFold": 1,
"repeat": 1
},
{
"requestedHan": 25000,
"theme": "paper-moments",
"frameGapsMs": {
"median": 10,
"p95": 20.100000000000136,
"max": 50
},
"frames": 374,
"framesOver25ms": 15,
"longTasks": [
57
],
"scrollTop": 6111,
"scrollHeight": 33908,
"foldedScrollTop": 0,
"caretAfterFold": 1,
"repeat": 2
},
{
"requestedHan": 60000,
"theme": "paper-moments",
"frameGapsMs": {
"median": 30.100000000000364,
"p95": 50,
"max": 100
},
"frames": 267,
"framesOver25ms": 210,
"longTasks": [
81,
84
],
"scrollTop": 52492,
"scrollHeight": 80287,
"foldedScrollTop": 0,
"caretAfterFold": 1,
"repeat": 1
},
{
"requestedHan": 60000,
"theme": "paper-moments",
"frameGapsMs": {
"median": 30,
"p95": 40.100000000000364,
"max": 100
},
"frames": 279,
"framesOver25ms": 213,
"longTasks": [
77,
59
],
"scrollTop": 52493,
"scrollHeight": 80287,
"foldedScrollTop": 0,
"caretAfterFold": 1,
"repeat": 2
},
{
"requestedHan": 120000,
"theme": "paper-moments",
"frameGapsMs": {
"median": 70,
"p95": 100,
"max": 130
},
"frames": 264,
"framesOver25ms": 229,
"longTasks": [
84,
52,
89,
58
],
"scrollTop": 53157,
"scrollHeight": 159554,
"foldedScrollTop": 0,
"caretAfterFold": 1,
"repeat": 1
},
{
"requestedHan": 120000,
"theme": "paper-moments",
"frameGapsMs": {
"median": 70.09999999999854,
"p95": 100,
"max": 130.10000000000036
},
"frames": 261,
"framesOver25ms": 230,
"longTasks": [
83,
53
],
"scrollTop": 53195,
"scrollHeight": 159554,
"foldedScrollTop": 0,
"caretAfterFold": 1,
"repeat": 2
}
]
@@ -0,0 +1,119 @@
[
{
"requestedHan": 25000,
"theme": "paper-moments",
"frameGapsMs": {
"median": 10,
"p95": 30.09999999999991,
"max": 120.10000000000002
},
"frames": 356,
"framesOver25ms": 45,
"longTasks": [
116
],
"scrollTop": 6075,
"scrollHeight": 33871,
"foldedScrollTop": 0,
"caretAfterFold": 1,
"repeat": 1
},
{
"requestedHan": 25000,
"theme": "paper-moments",
"frameGapsMs": {
"median": 10,
"p95": 30,
"max": 80.10000000000002
},
"frames": 369,
"framesOver25ms": 29,
"longTasks": [
93
],
"scrollTop": 6111,
"scrollHeight": 33908,
"foldedScrollTop": 0,
"caretAfterFold": 1,
"repeat": 2
},
{
"requestedHan": 60000,
"theme": "paper-moments",
"frameGapsMs": {
"median": 40,
"p95": 59.900000000001455,
"max": 100.09999999999991
},
"frames": 264,
"framesOver25ms": 221,
"longTasks": [
92
],
"scrollTop": 52345,
"scrollHeight": 80177,
"foldedScrollTop": 0,
"caretAfterFold": 1,
"repeat": 1
},
{
"requestedHan": 60000,
"theme": "paper-moments",
"frameGapsMs": {
"median": 40,
"p95": 50.100000000000364,
"max": 130.10000000000036
},
"frames": 265,
"framesOver25ms": 229,
"longTasks": [
84,
109
],
"scrollTop": 52344,
"scrollHeight": 80177,
"foldedScrollTop": 0,
"caretAfterFold": 1,
"repeat": 2
},
{
"requestedHan": 120000,
"theme": "paper-moments",
"frameGapsMs": {
"median": 70,
"p95": 90.10000000000036,
"max": 170.19999999999982
},
"frames": 260,
"framesOver25ms": 235,
"longTasks": [
89,
77
],
"scrollTop": 53200,
"scrollHeight": 159554,
"foldedScrollTop": 0,
"caretAfterFold": 1,
"repeat": 1
},
{
"requestedHan": 120000,
"theme": "paper-moments",
"frameGapsMs": {
"median": 70,
"p95": 90.10000000000036,
"max": 140.10000000000036
},
"frames": 259,
"framesOver25ms": 228,
"longTasks": [
92,
57
],
"scrollTop": 53196,
"scrollHeight": 159554,
"foldedScrollTop": 0,
"caretAfterFold": 1,
"repeat": 2
}
]
@@ -0,0 +1,79 @@
# 长文渲染优化与压测报告
日期:2026-09-06。基线为 `750e172`,结果为本次未提交的渲染优化;基线和优化版使用相同样本、浏览器参数及操作序列。
## 1. 测试环境与范围
Windows、Intel Core i7-13620H、Headless Chrome 152,视口 1424 × 905,Vite 开发服务。每种规模重开测试页面三次,独立测试浏览器,不读写真实笔记。耗时基于 performance.now;打开指标不包含模块网络加载。样本含标题、表格、代码块、提示框和行内格式。
实际汉字数为 25632、61172、122322Markdown 总字符数以原始 JSON 为准。不是仅以文件字节数代替“字数”。共完成优化前后 18 轮浏览器运行,所有运行的插入内容与文末完整性检查通过。
## 2. 本次优化
- 标题装饰按不可变文档和折叠状态弱缓存;光标移动不改变折叠状态时复用结果。没有折叠范围时不遍历全文生成隐藏装饰。
- 文档变更后用位置 Set 验证标题映射,避免对每个已折叠标题反复扫描所有标题。
- 字号装饰按不可变文档弱缓存;提示框标记位置按文档缓存,光标移动只判断标记是否处于编辑范围。
- 静态代码高亮增加 LRU,最多 64 项、累计 100 万个字符串字符;超过预算四分之一的单块不缓存。缓存同时包含深浅主题颜色,最终输出继续净化。缓存只在进程内,不写入存储。
弱缓存随文档释放,不用全局 Map 持有历史文档;高亮缓存有明确上限。
## 3. 对比结果
单位 ms。打开取三轮中位数;选区、插入、折叠取各轮 P95 的中位数;热预览取六次热运行中位数。P95 样本量较少,仅用于本机前后比较。
| 实际汉字数 | 打开 前→后 | 光标移动 P95 前→后 | 插入 P95 前→后 | 折叠/展开 P95 前→后 | 热预览 前→后 |
| --- | --- | --- | --- | --- | --- |
| 25632 | 272.1 → 218.6 | 1.9 → 0.6 | 7.0 → 6.9 | 55.0 → 45.6 | 40.0 → 26.6 |
| 61172 | 519.7 → 447.5 | 5.7 → 0.6 | 9.7 → 9.6 | 149.1 → 145.5 | 82.9 → 55.6 |
| 122322 | 875.4 → 869.1 | 11.9 → 1.2 | 22.2 → 27.2 | 256.6 → 263.9 | 140.2 → 95.5 |
主要收益是减少光标移动的重复工作,以及重复代码块/重复预览的高亮开销。2.5 万汉字样本完成全部操作,但不以此宣称所有文档都能维持 60 FPS。
12 万汉字的整篇折叠仍超过 250 ms,插入 P95 本轮反而增加,不能声称打字性能全面提升;全量 DOM 更新、编辑器自身处理与浏览器调度仍需进一步分项剖析。打开仍有长任务,缓存没有解决虚拟化问题。
## 4. 原始数据与复现
- [优化前 JSON](performance/2026-09-06-long-document-baseline.json)
- [优化后 JSON](performance/2026-09-06-long-document-after.json)
- [压测脚本与指标说明](../../frontend/tests/performance/README.md)
```powershell
npm --prefix frontend run test
npm --prefix frontend run build
npm --prefix frontend run dev -- --port 5175 --strictPort
# 另一个终端:
backend/.venv/Scripts/python.exe frontend/tests/performance/run-stress.py --url http://127.0.0.1:5175/tests/performance/stress.html --runs 3 --output .local-plans/stress-results.json
```
新增回归检查确认光标移动复用标题装饰、正文编辑使缓存失效、折叠与展开不残留隐藏内容。前端 402 项测试通过。
## 5. 边界与后续
本次测量是浏览器中的程序化编辑事务,不是输入法、实际键盘到屏幕显示、滚动帧率或生产包启动测试。样本代码块存在重复,LRU 收益不能直接外推到全部唯一代码块的文档。堆内存只采样,不作为内存泄漏结论。
后续应针对 12 万字的输入和整篇折叠采集独立 CPU trace,评估装饰的增量映射及可见区域渲染;在输入法、表格与代码块编辑验收之前,不直接给 contenteditable 应用跳过布局或整篇虚拟化。
## 6. 手动压测反馈后的滚动与定位修复
用户实测:2.56 万字正常,6 万字快速滚动轻微停顿,12 万字明显卡顿;从长文末尾全部折叠没有回到顶层。
本轮将“全部折叠”设为一次性把光标移到首个标题并将编辑区滚动到顶部,单个标题折叠保留原有定位行为。回归用例包含 100 个同级顶层标题,从文末触发后检查光标、scrollTop 与正文不变,避免只有一个 H1 的样本掩盖问题。
语言标签改为只同步变动的代码块,语言菜单只在打开时响应滚动定位,并合并同一帧的重复事件;监听祖先滚动,卸载时清理监听及待执行帧。
新增独立 CDP 滚轮测试,在相同的有限高度 flex 容器、纸间时光主题下,每档运行两次。下表为每次帧间隔 P95 的中位数,单位 ms,越小越好。这不是原先编辑事务基准的延续,也不是生产环境 FPS。
| 请求汉字数 | 修改前 | 修改后 |
| --- | ---: | ---: |
| 25000 | 30.05 | 20.10 |
| 60000 | 55.00 | 45.05 |
| 120000 | 90.10 | 100.00 |
两档较短样本有改善,12 万字没有改善,仍未达到流畅滚动的目标。CPU 采样显示滚入新代码块时的 CodeMirror 初始化、选区测量及 DOM 观察回调占用明显;不能仅凭此认定唯一原因。代码块布局隔离实验未带来收益,已撤回,未引入可能影响编辑、选区或布局的虚拟化。
- [滚轮基线数据](performance/2026-09-06-scroll-baseline.json)
- [滚轮修改后数据](performance/2026-09-06-scroll-after.json)
下一步需要评估代码块按交互初始化或编辑器级虚拟化,并同时验证输入、选区、搜索定位和折叠;当前不将 12 万字滚动问题标记为完成。
本轮前端 405 项测试通过,涵盖折叠定位、语言标签增量同步、菜单祖先滚动定位和卸载清理。
@@ -102,6 +102,40 @@ describe('VisualMarkdownEditor formatting toolbars', () => {
expect(wrapper.get('.section-actions button').text()).toBe('全部折叠')
expect(wrapper.find('.heading-fold-hidden').exists()).toBe(false)
})
it('reuses heading decorations for cursor-only moves and invalidates them for folds and edits', async () => {
const wrapper = mount(VisualMarkdownEditor, { props: { initialContent: '# A\n\nfirst paragraph\n\nsecond paragraph' }, attachTo: document.body })
mounted.push(wrapper)
const editor = await waitForEditor(wrapper)
editor.action(ctx => {
const view = ctx.get(editorViewCtx), plugin = headingFoldKey.get(view.state)!
const decorations = () => plugin.props.decorations!.call(plugin, view.state)
const initial = decorations()
view.dispatch(view.state.tr.setSelection(TextSelection.create(view.state.doc, 6)))
expect(decorations()).toBe(initial)
view.dispatch(view.state.tr.insertText('新增'))
expect(decorations()).not.toBe(initial)
})
await wrapper.get('.section-actions button').trigger('click')
expect(wrapper.find('.heading-fold-hidden').exists()).toBe(true)
await wrapper.get('.section-actions button').trigger('click')
expect(wrapper.find('.heading-fold-hidden').exists()).toBe(false)
})
it('returns to the top after collapsing many sibling chapters from the document end', async () => {
const source = Array.from({ length: 100 }, (_, i) => `# Chapter ${i}\n\nBody ${i}`).join('\n\n')
const wrapper = mount(VisualMarkdownEditor, { props: { initialContent: source }, attachTo: document.body })
mounted.push(wrapper)
const editor = await waitForEditor(wrapper)
editor.action(ctx => {
const view = ctx.get(editorViewCtx)
view.dispatch(view.state.tr.setSelection(TextSelection.near(view.state.doc.resolve(view.state.doc.content.size - 1))))
})
const viewport = wrapper.get('.milkdown-host').element as HTMLElement
viewport.scrollTop = 5000
await wrapper.get('.section-actions button').trigger('click')
expect(viewport.scrollTop).toBe(0)
editor.action(ctx => expect(ctx.get(editorViewCtx).state.selection.from).toBe(1))
expect(editor.action(getMarkdown()).trim()).toBe(source)
})
it('offers expand all when individually collapsed parents hide expanded children', async () => {
const source = '# A\n\nbody\n\n## B\n\nchild\n\n# C\n\nbody'
const wrapper = mount(VisualMarkdownEditor, { props: { initialContent: source }, attachTo: document.body })
@@ -148,6 +148,10 @@ function foldHeadings(action: 'toggle' | 'all' | 'none') {
const view = ctx.get(editorViewCtx)
const tr = headingFoldTransaction(view.state, action)
if (tr) view.dispatch(tr)
if (action === 'all') {
const viewport = editorRoot.value?.closest<HTMLElement>('.milkdown-host')
if (viewport) viewport.scrollTop = 0
}
})
}
const diagramPreviews = new Map<string, { source: string; apply: (value: HTMLElement) => void }>()
+17 -7
View File
@@ -1,6 +1,7 @@
import { $prose } from '@milkdown/kit/utils'
import { Plugin } from '@milkdown/kit/prose/state'
import { Decoration, DecorationSet } from '@milkdown/kit/prose/view'
import type { Node as ProseNode } from '@milkdown/kit/prose/model'
import { parseCallout } from '@/utils/callouts'
import '@/styles/callouts.css'
import { remarkStringifyOptionsCtx, type Editor } from '@milkdown/kit/core'
@@ -21,21 +22,30 @@ export const configureCalloutSerialization: Parameters<Editor['config']>[0] = ct
}))
}
const markerCache = new WeakMap<ProseNode, { from: number; to: number }[]>()
function calloutMarkers(doc: ProseNode) {
const cached = markerCache.get(doc)
if (cached) return cached
const markers: { from: number; to: number }[] = []
doc.descendants((node, position) => {
if (node.type.name !== 'blockquote' || node.firstChild?.type.name !== 'paragraph' || node.firstChild.firstChild?.marks.length) return
const callout = parseCallout(node.firstChild.textBetween(0, node.firstChild.content.size, '\n', '\n'))
if (callout) markers.push({ from: position + 2, to: position + 2 + callout.markerLength })
})
markerCache.set(doc, markers)
return markers
}
// Keep native blockquotes in the document: typing, undo and Markdown serialization
// remain Milkdown transactions; the view never rewrites a user's callout source.
export const calloutPlugin = $prose(() => new Plugin({
props: {
decorations(state) {
const decorations: Decoration[] = []
state.doc.descendants((node, position) => {
if (node.type.name !== 'blockquote' || node.firstChild?.type.name !== 'paragraph' || node.firstChild.firstChild?.marks.length) return
const callout = parseCallout(node.firstChild.textBetween(0, node.firstChild.content.size, '\n', '\n'))
if (!callout) return
const from = position + 2
const to = from + callout.markerLength
for (const { from, to } of calloutMarkers(state.doc)) {
const editing = state.selection.from <= to && state.selection.to >= from
decorations.push(Decoration.inline(from, to, { class: editing ? 'callout-marker-editing' : 'callout-marker' }))
})
}
return DecorationSet.create(state.doc, decorations)
},
nodeViews: {
@@ -1,5 +1,5 @@
// @vitest-environment happy-dom
import { expect, it } from 'vitest'
import { expect, it, vi } from 'vitest'
import { installCodeBlockLabels } from './codeBlockLabels'
it('keeps footer labels in sync when the language changes and stops after disposal', async () => {
@@ -16,3 +16,21 @@ it('keeps footer labels in sync when the language changes and stops after dispos
await new Promise(resolve => setTimeout(resolve, 0))
expect(block.dataset.languageLabel).toBe('TypeScript')
})
it('ignores code text mutations and discovers newly inserted code blocks', async () => {
const root = document.createElement('div')
root.innerHTML = '<div class="milkdown-code-block"><button class="language-button">Python</button><div class="cm-content">old</div></div>'
const dispose = installCodeBlockLabels(root)
const scan = vi.spyOn(root, 'querySelectorAll')
try {
root.querySelector('.cm-content')!.textContent = 'new code'
await new Promise(resolve => setTimeout(resolve, 0))
expect(scan).not.toHaveBeenCalled()
const block = document.createElement('div')
block.className = 'milkdown-code-block'
block.innerHTML = '<button class="language-button">Rust</button>'
root.append(block)
await new Promise(resolve => setTimeout(resolve, 0))
expect(block.dataset.languageLabel).toBe('Rust')
} finally { dispose(); scan.mockRestore() }
})
@@ -1,11 +1,38 @@
/** Mirror the live picker label for theme decorations without changing Markdown. */
/** Mirror changed language labels without rescanning every code block on each DOM mutation. */
export function installCodeBlockLabels(root: HTMLElement): () => void {
const sync = () => root.querySelectorAll<HTMLElement>('.milkdown-code-block').forEach(block => {
const sync = (block: HTMLElement) => {
const label = block.querySelector('.language-button')?.textContent?.trim() || 'Plain text'
if (block.dataset.languageLabel !== label) block.dataset.languageLabel = label
}
const discover = (node: Node, blocks: Set<HTMLElement>) => {
if (!(node instanceof HTMLElement)) return
if (node.matches('.milkdown-code-block')) blocks.add(node)
node.querySelectorAll<HTMLElement>('.milkdown-code-block').forEach(block => blocks.add(block))
}
const observer = new MutationObserver(records => {
const changed = new Set<HTMLElement>()
for (const record of records) {
const element = record.target instanceof Element ? record.target : record.target.parentElement
// CodeMirror viewport/text changes do not change the footer's language.
const label = element?.closest('.language-button')
const block = label?.closest<HTMLElement>('.milkdown-code-block')
if (block) changed.add(block)
if ([...record.removedNodes].some(node => node instanceof Element &&
(node.matches('.language-button') || node.querySelector('.language-button')))) {
const owner = element?.closest<HTMLElement>('.milkdown-code-block')
if (owner) changed.add(owner)
}
for (const node of record.addedNodes) {
discover(node, changed)
if (node instanceof Element && (node.matches('.language-button') || node.querySelector('.language-button'))) {
const owner = node.closest<HTMLElement>('.milkdown-code-block')
if (owner) changed.add(owner)
}
}
}
changed.forEach(block => { if (root.contains(block)) sync(block) })
})
const observer = new MutationObserver(sync)
root.querySelectorAll<HTMLElement>('.milkdown-code-block').forEach(sync)
observer.observe(root, { subtree: true, childList: true, characterData: true })
sync()
return () => observer.disconnect()
}
@@ -1,15 +1,20 @@
import { $prose } from '@milkdown/kit/utils'
import { Plugin, TextSelection } from '@milkdown/kit/prose/state'
import { Decoration, DecorationSet } from '@milkdown/kit/prose/view'
import type { Node } from '@milkdown/kit/prose/model'
import type { Editor } from '@milkdown/kit/core'
import { editorViewCtx } from '@milkdown/kit/core'
const decorationCache = new WeakMap<Node, DecorationSet>()
const openingTag = /^<span style="font-size:\s*(\d+(?:\.\d+)?)px">$/i
const closingTag = /^<\/span>$/i
export const fontSizeMarkdownPlugin = $prose(() => new Plugin({
props: {
decorations(state) {
const cached = decorationCache.get(state.doc)
if (cached) return cached
const decorations: Decoration[] = []
const stack: Array<{ from: number; size: string }> = []
@@ -36,7 +41,9 @@ export const fontSizeMarkdownPlugin = $prose(() => new Plugin({
}
})
return DecorationSet.create(state.doc, decorations)
const result = DecorationSet.create(state.doc, decorations)
decorationCache.set(state.doc, result)
return result
},
},
}))
+22 -4
View File
@@ -7,6 +7,7 @@ import { t } from '@/i18n'
export const headingFoldKey = new PluginKey<Set<number>>('heading-folding')
type Section = { from: number; body: number; end: number; level: number }
const sectionCache = new WeakMap<Node, Section[]>()
const decorationCache = new WeakMap<Node, WeakMap<Set<number>, DecorationSet>>()
/** A section ends at the next sibling heading of the same or a higher rank. */
export function headingSections(doc: Node): Section[] {
const cached = sectionCache.get(doc)
@@ -50,7 +51,8 @@ export function headingFoldTransaction(state: EditorState, action: 'toggle' | 'a
}
const tr = state.tr
const enclosing = sections.find(section => folded.has(section.from) && state.selection.to >= section.body && state.selection.from < section.end)
if (enclosing) tr.setSelection(TextSelection.near(state.doc.resolve(enclosing.from + 1)))
if (action === 'all' && sections.length) tr.setSelection(TextSelection.near(state.doc.resolve(sections[0]!.from + 1))).scrollIntoView()
else if (enclosing) tr.setSelection(TextSelection.near(state.doc.resolve(enclosing.from + 1)))
return tr.setMeta(headingFoldKey, folded).setMeta('addToHistory', false)
}
@@ -61,11 +63,21 @@ export const headingFoldingPlugin = $prose(() => new Plugin<Set<number>>({
apply(tr, previous) {
const explicit = tr.getMeta(headingFoldKey) as Set<number> | undefined
if (explicit) return explicit
if (!previous.size) return previous
const sections = headingSections(tr.doc)
if (!tr.docChanged) {
if (!tr.selectionSet) return previous
const opened = sections.filter(section => previous.has(section.from) && tr.selection.to >= section.body && tr.selection.from < section.end)
if (!opened.length) return previous
const next = new Set(previous)
opened.forEach(section => next.delete(section.from))
return next
}
const positions = new Set(sections.map(section => section.from))
const mapped = new Set<number>()
for (const old of previous) {
const result = tr.mapping.mapResult(old, 1)
if (!result.deleted && sections.some(section => section.from === result.pos)) mapped.add(result.pos)
if (!result.deleted && positions.has(result.pos)) mapped.add(result.pos)
}
// Outline jumps, find and keyboard navigation must never leave a hidden caret.
if (tr.selectionSet || tr.docChanged) {
@@ -77,6 +89,8 @@ export const headingFoldingPlugin = $prose(() => new Plugin<Set<number>>({
props: {
decorations(state) {
const folded = headingFoldKey.getState(state) ?? new Set<number>()
const cached = decorationCache.get(state.doc)?.get(folded)
if (cached) return cached
const sections = headingSections(state.doc)
const decorations: Decoration[] = []
for (const section of sections) {
@@ -103,7 +117,7 @@ export const headingFoldingPlugin = $prose(() => new Plugin<Set<number>>({
else hidden.push({ body: section.body, end: section.end })
}
let rangeIndex = 0
state.doc.descendants((node, pos) => {
if (hidden.length) state.doc.descendants((node, pos) => {
if (!node.isBlock) return
while (hidden[rangeIndex] && pos >= hidden[rangeIndex]!.end) rangeIndex++
const range = hidden[rangeIndex]
@@ -112,7 +126,11 @@ export const headingFoldingPlugin = $prose(() => new Plugin<Set<number>>({
return false
}
})
return DecorationSet.create(state.doc, decorations)
const result = DecorationSet.create(state.doc, decorations)
let byState = decorationCache.get(state.doc)
if (!byState) { byState = new WeakMap(); decorationCache.set(state.doc, byState) }
byState.set(folded, result)
return result
},
},
}))
@@ -0,0 +1,42 @@
// @vitest-environment happy-dom
import { expect, it, vi } from 'vitest'
import { installLanguagePickerPopover } from './languagePickerPopover'
it('measures only open menus on ancestor scroll and cleans up scheduled work', async () => {
const root = document.createElement('div')
root.innerHTML = '<div><button class="language-button" data-expanded="false">JS</button><div class="language-picker"><input class="search-input"></div></div>'
document.body.append(root)
const menu = root.querySelector<HTMLElement>('.language-picker')!
const trigger = root.querySelector<HTMLElement>('button')!
let open = false
menu.showPopover = vi.fn(() => { open = true })
menu.hidePopover = vi.fn(() => { open = false })
const matches = menu.matches.bind(menu)
vi.spyOn(menu, 'matches').mockImplementation(selector => selector === ':popover-open' ? open : matches(selector))
const measure = vi.spyOn(trigger, 'getBoundingClientRect')
let callback: FrameRequestCallback | undefined
const raf = vi.spyOn(window, 'requestAnimationFrame').mockImplementation(fn => { callback = fn; return 42 })
const cancel = vi.spyOn(window, 'cancelAnimationFrame').mockImplementation(() => {})
const dispose = installLanguagePickerPopover(root)
try {
document.dispatchEvent(new Event('scroll'))
expect(raf).not.toHaveBeenCalled()
expect(measure).not.toHaveBeenCalled()
trigger.dataset.expanded = 'true'
await new Promise(resolve => setTimeout(resolve, 0))
expect(menu.showPopover).toHaveBeenCalledOnce()
measure.mockClear()
document.dispatchEvent(new Event('scroll'))
document.dispatchEvent(new Event('scroll'))
expect(raf).toHaveBeenCalledOnce()
callback!(0)
expect(measure).toHaveBeenCalledOnce()
document.dispatchEvent(new Event('scroll'))
dispose()
expect(cancel).toHaveBeenCalledWith(42)
expect(menu.hidePopover).toHaveBeenCalledOnce()
raf.mockClear()
document.dispatchEvent(new Event('scroll'))
expect(raf).not.toHaveBeenCalled()
} finally { dispose(); root.remove(); vi.restoreAllMocks() }
})
@@ -1,43 +1,68 @@
/** Promote Milkdown's menu to the top layer without moving its Vue-owned DOM. */
/** Promote menus to the top layer; only open menus need scroll measurements. */
export function installLanguagePickerPopover(root: HTMLElement): () => void {
const menus = new Set<HTMLElement>()
function sync() {
root.querySelectorAll<HTMLElement>('.language-picker').forEach(menu => {
const openMenus = new Set<HTMLElement>()
let frame = 0
function sync(menu: HTMLElement) {
if (!root.contains(menu)) { menus.delete(menu); openMenus.delete(menu); return }
const trigger = menu.parentElement?.querySelector<HTMLElement>('.language-button')
if (!trigger || typeof menu.showPopover !== 'function') return
menus.add(menu)
menu.setAttribute('popover', 'manual')
const search = menu.querySelector<HTMLInputElement>('.search-input')
if (search) {
search.autocomplete = 'off'
search.spellcheck = false
}
if (search) { search.autocomplete = 'off'; search.spellcheck = false }
if (trigger.dataset.expanded !== 'true' || !menu.firstElementChild) {
openMenus.delete(menu)
if (menu.matches(':popover-open')) menu.hidePopover()
return
}
openMenus.add(menu)
if (!menu.matches(':popover-open')) menu.showPopover()
const anchor = trigger.getBoundingClientRect()
const below = window.innerHeight - anchor.bottom - 16
const above = anchor.top - 16
const below = window.innerHeight - anchor.bottom - 16, above = anchor.top - 16
const placeAbove = below < 240 && above > below
const available = Math.max(80, placeAbove ? above : below)
menu.style.setProperty('--picker-list-height', `${Math.min(280, Math.max(32, available - 64))}px`)
const bounds = menu.getBoundingClientRect()
menu.style.setProperty('--picker-left', `${Math.max(12, Math.min(anchor.left, window.innerWidth - bounds.width - 12))}px`)
menu.style.setProperty('--picker-top', `${Math.max(12, placeAbove ? anchor.top - bounds.height - 8 : anchor.bottom + 8)}px`)
}
function discover(node: Node, changed: Set<HTMLElement>) {
if (!(node instanceof HTMLElement)) return
if (node.matches('.language-picker')) changed.add(node)
node.querySelectorAll<HTMLElement>('.language-picker').forEach(menu => changed.add(menu))
}
const observer = new MutationObserver(records => {
const changed = new Set<HTMLElement>()
let removed = false
for (const record of records) {
const target = record.target instanceof Element ? record.target : record.target.parentElement
const menu = target?.closest<HTMLElement>('.language-picker')
if (menu) changed.add(menu)
if (record.type === 'attributes') {
const sibling = target?.parentElement?.querySelector<HTMLElement>('.language-picker')
if (sibling) changed.add(sibling)
}
record.addedNodes.forEach(node => discover(node, changed))
removed ||= record.removedNodes.length > 0
}
if (removed) for (const menu of menus) if (!root.contains(menu)) { menus.delete(menu); openMenus.delete(menu) }
changed.forEach(sync)
})
for (const menu of menus) if (!root.contains(menu)) menus.delete(menu)
const positionOpenMenus = () => {
if (!openMenus.size || frame) return
frame = requestAnimationFrame(() => { frame = 0; openMenus.forEach(sync) })
}
const observer = new MutationObserver(sync)
root.querySelectorAll<HTMLElement>('.language-picker').forEach(sync)
observer.observe(root, { childList: true, subtree: true, attributes: true, attributeFilter: ['data-expanded'] })
root.addEventListener('scroll', sync, true)
window.addEventListener('resize', sync)
sync()
// The outer editor viewport is an ancestor of root, so listen in capture on the document.
document.addEventListener('scroll', positionOpenMenus, { capture: true, passive: true })
window.addEventListener('resize', positionOpenMenus)
return () => {
observer.disconnect()
root.removeEventListener('scroll', sync, true)
window.removeEventListener('resize', sync)
for (const menu of menus) if (menu.matches(':popover-open')) menu.hidePopover()
observer.disconnect(); cancelAnimationFrame(frame)
document.removeEventListener('scroll', positionOpenMenus, true)
window.removeEventListener('resize', positionOpenMenus)
for (const menu of openMenus) if (menu.matches(':popover-open')) menu.hidePopover()
menus.clear(); openMenus.clear()
}
}
+24 -1
View File
@@ -81,13 +81,36 @@ async function loadCodeLanguage(requestedLanguage: string) {
return { shiki, language }
}
// Bounded LRU of dual-theme HTML. Large one-off blocks never remain in the cache.
const highlightedBlocks = new Map<string, string>()
let highlightedCharacters = 0
const highlightBudget = 1_000_000
export async function highlightCode(source: string, requestedLanguage = 'text'): Promise<string> {
const key = JSON.stringify([requestedLanguage.toLowerCase(), source])
const cached = highlightedBlocks.get(key)
if (cached !== undefined) {
highlightedBlocks.delete(key); highlightedBlocks.set(key, cached)
return cached
}
const { shiki, language } = await loadCodeLanguage(requestedLanguage)
return shiki.codeToHtml(source, {
const html = shiki.codeToHtml(source, {
lang: language,
themes: { light: 'github-light', dark: 'github-dark' },
defaultColor: false,
})
const cost = key.length + html.length
if (cost <= highlightBudget / 4) {
// A concurrent caller may already have filled the same entry.
const previous = highlightedBlocks.get(key)
if (previous !== undefined) { highlightedCharacters -= key.length + previous.length; highlightedBlocks.delete(key) }
while (highlightedBlocks.size && (highlightedBlocks.size >= 64 || highlightedCharacters + cost > highlightBudget)) {
const oldest = highlightedBlocks.keys().next().value!
highlightedCharacters -= oldest.length + highlightedBlocks.get(oldest)!.length
highlightedBlocks.delete(oldest)
}
highlightedBlocks.set(key, html); highlightedCharacters += cost
}
return html
}
/** Share the initialized grammar/theme registry with editable code blocks. */
+42
View File
@@ -0,0 +1,42 @@
# 长文渲染压测
使用真实无头 Chrome 和 Chrome DevTools Protocol,加载当前 Vite 工作区。样本由 `fixture.js` 确定性生成,包含至少 25000、60000、120000 汉字、H1–H3、表格、代码块、提示框、链接和行内格式,不读写真实 Vault。
## 运行
仓库根目录启动独立服务:
```powershell
npm --prefix frontend run dev -- --port 5175 --strictPort
```
在另一个终端执行(Python 环境需安装 websockets):
```powershell
backend/.venv/Scripts/python.exe frontend/tests/performance/run-stress.py --url http://127.0.0.1:5175/tests/performance/stress.html --runs 3 --output .local-plans/stress-results.json
```
可用 `--chrome` 指定 Chromium 路径,用 `--sizes 25000 60000 120000` 指定样本。脚本使用独立临时浏览器配置,结束后关闭测试进程;不接管用户 Chrome。样本在每次导航后重建,不向后端保存。
## 指标口径
- openMs:组件挂载到编辑器完成初始化及两个 animation frame;不包含模块下载与 Vite 编译。
- selectionMs30 次光标选区事务的同步耗时;insertMs:20 次插入“压测输入”的事务耗时。
- foldMs:6 次全折叠/展开按钮操作的同步耗时。
- previewMs:同一正文静态渲染三次,包含 HTML 插入与两个 animation frame。第一次包含首次高亮初始化,后两次为热运行。
- longTasks:浏览器 Long Tasks API,包含整个测量过程;heapUsedBytes 为单次采样,不代表峰值或泄漏结论。
- integrity:序列化输出保留插入内容与文末标记。常规单元测试另外覆盖 Markdown 往返。
这些是开发模式下的微基准,不等于真实键盘/输入法的端到端延迟,不覆盖滚动帧率、自动保存网络、向量计算或 Mermaid 图表压力。不同机器、后台负载和缓存状态会影响结果,不能把一次结果作为通用 SLA。重型图表应单独使用已有 `tests/visual/mermaid-matrix.html` 验证。
打开 stress.html 后也可通过控制台调用 `await runBenchmark(25000)` 查看 JSON 结果。页面只用于测试,不在正式路由中注册。
## 连续滚轮与折叠定位
```powershell
backend/.venv/Scripts/python.exe frontend/tests/performance/run-stress.py --url http://127.0.0.1:5175/tests/performance/stress.html --scroll --runs 2 --output .local-plans/scroll-results.json
```
`--scroll` 使用纸间时光主题及高度受限的编辑区,派发 120 次真实 CDP 滚轮事件(先向下再向上),记录 animation frame 间隔与长任务;随后从文末全部折叠,记录滚动位置和光标位置。可追加 `--profile --sizes 120000 --runs 1` 保存 CPU profile,用 Chrome DevTools Performance 面板导入。采样会增加开销,勿将 profile 结果与无采样结果直接比较。
帧间隔包含无头浏览器、CDP 调度和布局开销,不等同于用户设备的 FPS。滚轮模式不验证输入法、保存或图表渲染。当前测试容器改为有限高度的 flex 布局,早期普通事务报告使用的容器布局不同,跨版本比较应分别保留同一布局下的基线。
+12
View File
@@ -0,0 +1,12 @@
/** Deterministic CJK prose plus headings, tables, code and callouts; no user documents. */
export function makeStressDocument(minHan = 25000) {
const prose = '本地知识库保存课程记录与项目思考,编辑时需要稳定响应。长篇文档包含章节结构和引用信息,阅读过程中可以随时折叠展开。这里使用生成的测试内容验证渲染性能,不读取真实笔记。'
let source = '# 长文渲染压力测试\n\n', han = 0, section = 0
while (han < minHan) {
source += `## 第 ${++section} 节:知识整理\n\n${prose.repeat(3)}\n\n### 小结 ${section}\n\n重点包含 **强调文字**、\`inlineCode\` 和 [链接](https://example.com)。\n\n`
han += prose.length * 3
if (section % 8 === 0) source += '> [!TIP] 验收提示\n> 内容需要保留,折叠后仍可展开。\n\n| 项目 | 状态 |\n| --- | --- |\n| 渲染 | 待验证 |\n\n```javascript\nconst note = { title: "长文测试", ready: true };\nconsole.log(note);\n```\n\n'
}
source += '\n## 文末校验\n\n结束标记:长文内容完整。\n'
return source
}
+81
View File
@@ -0,0 +1,81 @@
"""Real Chromium benchmark. Run with backend/.venv/Scripts/python.exe; requires websockets.
Vite must be serving the frontend. Uses an isolated disposable browser profile.
"""
import argparse, asyncio, json, pathlib, subprocess, tempfile, urllib.request
import websockets
async def main(args):
with tempfile.TemporaryDirectory(prefix='notes-stress-') as profile:
process = subprocess.Popen([args.chrome, '--headless=new', '--no-first-run', '--no-proxy-server', '--no-default-browser-check', '--disable-background-networking', '--disable-background-timer-throttling', '--disable-renderer-backgrounding', '--remote-debugging-port=0', '--window-size=1440,1000', f'--user-data-dir={profile}', 'about:blank'], stdout=subprocess.DEVNULL, stderr=subprocess.DEVNULL)
try:
port_file = pathlib.Path(profile) / 'DevToolsActivePort'
for _ in range(100):
if port_file.exists(): break
await asyncio.sleep(.1)
port = port_file.read_text().splitlines()[0]
with urllib.request.urlopen(f'http://127.0.0.1:{port}/json') as response: target = next(item for item in json.load(response) if item['type'] == 'page')
async with websockets.connect(target['webSocketDebuggerUrl'], max_size=100_000_000) as socket:
sequence = 0
async def call(method, params=None):
nonlocal sequence
sequence += 1; request = sequence
await socket.send(json.dumps({'id':request,'method':method,'params':params or {}}))
while True:
response = json.loads(await asyncio.wait_for(socket.recv(), 180))
if response.get('method') in ['Runtime.exceptionThrown','Log.entryAdded','Network.loadingFailed']: print(json.dumps(response),flush=True)
if response.get('id') == request:
if 'error' in response: raise RuntimeError(response['error'])
return response.get('result', {})
await call('Runtime.enable')
await call('Log.enable')
await call('Network.enable')
await asyncio.sleep(1)
results=[]
for size in args.sizes:
for repeat in range(args.runs):
navigation = await call('Page.navigate', {'url':args.url})
if navigation.get('errorText'): raise RuntimeError(navigation['errorText'])
for _ in range(600):
state = await call('Runtime.evaluate', {'expression':'typeof window.runBenchmark', 'returnByValue':True})
if state.get('result',{}).get('value')=='function':break
await asyncio.sleep(.1)
else: raise RuntimeError('Benchmark page did not load; check the Vite URL and browser errors')
expression = f'window.prepareScrollBenchmark({size})' if args.scroll else f'window.runBenchmark({size})'
response = await call('Runtime.evaluate', {'expression':expression,'awaitPromise':True,'returnByValue':True})
if args.scroll and 'exceptionDetails' not in response:
point = response['result']['value']
if args.profile:
await call('Profiler.enable'); await call('Profiler.start')
await call('Input.dispatchMouseEvent', {'type':'mouseMoved', **point})
for step in range(120):
await call('Input.dispatchMouseEvent', {'type':'mouseWheel', **point, 'deltaX':0,'deltaY':900 if step < 90 else -900})
await asyncio.sleep(.016)
if args.profile:
profile_data = await call('Profiler.stop')
pathlib.Path(args.output + f'.{size}.{repeat+1}.cpuprofile').write_text(json.dumps(profile_data['profile']),encoding='utf-8')
await call('Runtime.evaluate', {'expression':'new Promise(r => setTimeout(r, 150))','awaitPromise':True})
response = await call('Runtime.evaluate', {'expression':'window.finishScrollBenchmark()','awaitPromise':True,'returnByValue':True})
if 'exceptionDetails' in response: raise RuntimeError(response['exceptionDetails'])
result = response['result']['value']; result['repeat']=repeat+1
results.append(result)
print(json.dumps(result,ensure_ascii=False),flush=True)
pathlib.Path(args.output).write_text(json.dumps(results,ensure_ascii=False,indent=2),encoding='utf-8')
finally:
process.terminate()
try: process.wait(timeout=10)
except subprocess.TimeoutExpired: process.kill(); process.wait()
await asyncio.sleep(.5)
if __name__=='__main__':
parser=argparse.ArgumentParser()
parser.add_argument('--chrome',default='C:/Program Files/Google/Chrome/Application/chrome.exe')
parser.add_argument('--url',default='http://127.0.0.1:5173/tests/performance/stress.html')
parser.add_argument('--sizes',nargs='+',type=int,default=[25000,60000,120000])
parser.add_argument('--runs',type=int,default=3)
parser.add_argument('--output',required=True)
parser.add_argument('--profile',action='store_true',help='Save CPU profiles for scroll runs')
parser.add_argument('--scroll',action='store_true',help='Dispatch real wheel events and check fold-to-top')
args = parser.parse_args()
if args.runs < 1 or any(size < 1 for size in args.sizes): parser.error('runs and sizes must be positive')
pathlib.Path(args.output).parent.mkdir(parents=True, exist_ok=True)
asyncio.run(main(args))
+85
View File
@@ -0,0 +1,85 @@
<!doctype html><html><head><meta charset="utf-8"><title>长文渲染压测</title></head>
<body><div id="app"></div><pre id="report">通过 run-stress.py 运行,或在控制台调用 runBenchmark(25000)。</pre>
<script type="module">
import { createApp, h, ref, nextTick } from 'vue'
import { createPinia } from 'pinia'
import Editor from '/src/features/editor/VisualMarkdownEditor.vue'
import { editorViewCtx } from '@milkdown/kit/core'
import { TextSelection } from '@milkdown/kit/prose/state'
import { getMarkdown } from '@milkdown/kit/utils'
import { renderMarkdown } from '/src/utils/markdown.ts'
import { useEditorStore } from '/src/stores/editor.ts'
import { getCommunityThemePreviewCss } from '/src/services/themePackageService.ts'
import { makeStressDocument } from './fixture.js'
import '/src/styles/tokens.css'
import '/src/styles/features.css'
const frame = () => new Promise(resolve => requestAnimationFrame(() => resolve()))
const settle = async () => { await nextTick(); await frame(); await frame() }
const summarize = values => { const sorted = [...values].sort((a,b)=>a-b); return {median:sorted[Math.floor(sorted.length/2)],p95:sorted[Math.min(sorted.length-1,Math.ceil(sorted.length*.95)-1)],max:sorted.at(-1)} }
window.runBenchmark = async (size = 25000) => {
const source = makeStressDocument(size), target = document.getElementById('app')
const pinia = createPinia(), component = ref(), tasks = []
const observer = new PerformanceObserver(list => tasks.push(...list.getEntries().map(t => t.duration)))
observer.observe({type:'longtask',buffered:false})
const app = createApp({render:()=>h(Editor,{ref:component,initialContent:source})}).use(pinia)
const result = {requestedHan:size,hanCharacters:(source.match(/\p{Script=Han}/gu)||[]).length,sourceCharacters:source.length,userAgent:navigator.userAgent,viewport:[innerWidth,innerHeight]}
const start = performance.now(); app.mount(target)
try {
const deadline = performance.now()+120000
while (!component.value?.getEditor() || target.querySelector('.milkdown-host.loading')) { if(performance.now()>deadline)throw Error('Editor startup timeout'); await frame() }
await settle(); result.openMs = performance.now()-start
const editor = component.value.getEditor(), view = editor.action(ctx=>ctx.get(editorViewCtx))
result.domNodes = target.querySelectorAll('*').length
const measure = async (count, operation) => { const values=[]; for(let i=0;i<count;i++) {const start=performance.now(); operation(i); values.push(performance.now()-start); await settle()} return summarize(values) }
const positions=[]; view.state.doc.descendants((node,pos)=>{if(node.isTextblock && !node.type.spec.code)positions.push(pos+1)})
result.selectionMs = await measure(30, i => view.dispatch(view.state.tr.setSelection(TextSelection.create(view.state.doc,positions[Math.floor(i*positions.length/30)]))))
result.insertMs = await measure(20, () => view.dispatch(view.state.tr.insertText('压测输入')))
result.foldMs = await measure(6, () => target.querySelector('.section-actions button').click())
const serialized = editor.action(getMarkdown())
if(!serialized.includes('压测输入') || !serialized.includes('结束标记:长文内容完整。'))throw Error('Content integrity check failed')
result.integrity = true
const preview = document.createElement('div'); document.body.append(preview)
const previews=[]
for(let i=0;i<3;i++){const start=performance.now(); preview.innerHTML=await renderMarkdown(source); await settle(); previews.push(performance.now()-start)}
result.previewMs=previews
result.previewNodes=preview.querySelectorAll('*').length; preview.remove()
await settle(); result.longTasks={count:tasks.length,...summarize(tasks.length?tasks:[0])}
result.heapUsedBytes=performance.memory?.usedJSHeapSize
return result
} finally {
observer.disconnect(); useEditorStore(pinia).closeFile(); app.unmount()
document.getElementById('report').textContent=JSON.stringify(result,null,2)
}
}
window.prepareScrollBenchmark = async (size = 25000) => {
const source = makeStressDocument(size), target = document.getElementById('app')
document.documentElement.dataset.theme = 'paper-moments'
const style = document.createElement('style'); style.textContent = getCommunityThemePreviewCss('paper-moments'); document.head.append(style)
const pinia = createPinia(), component = ref()
const app = createApp({render:()=>h(Editor,{ref:component,initialContent:source})}).use(pinia)
app.mount(target)
const deadline = performance.now()+120000
while (!component.value?.getEditor() || target.querySelector('.milkdown-host.loading')) { if(performance.now()>deadline)throw Error('Editor startup timeout'); await frame() }
await settle()
const scroller=target.querySelector('.milkdown-host'), gaps=[], tasks=[]
let raf=0, last=performance.now()
const tick = now => {gaps.push(now-last);last=now;raf=requestAnimationFrame(tick)}
const observer = new PerformanceObserver(list=>tasks.push(...list.getEntries().map(t=>t.duration)))
observer.observe({type:'longtask',buffered:false});raf=requestAnimationFrame(tick)
window.finishScrollBenchmark = async () => {
cancelAnimationFrame(raf);observer.disconnect()
const result={requestedHan:size,theme:'paper-moments',frameGapsMs:summarize(gaps),frames:gaps.length,framesOver25ms:gaps.filter(g=>g>25).length,longTasks:tasks,scrollTop:scroller.scrollTop,scrollHeight:scroller.scrollHeight}
const editor=component.value.getEditor(),view=editor.action(ctx=>ctx.get(editorViewCtx))
view.dispatch(view.state.tr.setSelection(TextSelection.near(view.state.doc.resolve(view.state.doc.content.size-1))))
scroller.scrollTop=scroller.scrollHeight;await settle()
target.querySelector('.section-actions button').click();await settle()
result.foldedScrollTop=scroller.scrollTop
result.caretAfterFold=view.state.selection.from
useEditorStore(pinia).closeFile();app.unmount();style.remove()
return result
}
const rect=scroller.getBoundingClientRect()
return {x:rect.left+rect.width/2,y:rect.top+rect.height/2}
}
</script><style>html,body{margin:0;height:100%;}#app{display:flex;flex-direction:column;height:90vh;max-width:1200px;margin:auto;}#report{white-space:pre-wrap;}</style></body></html>