perf(editor): reduce long-document decoration work and fix fold navigation
This commit is contained in:
@@ -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
@@ -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、122322;Markdown 总字符数以原始 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 }>()
|
||||
|
||||
@@ -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
|
||||
},
|
||||
},
|
||||
}))
|
||||
|
||||
@@ -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`)
|
||||
})
|
||||
for (const menu of menus) if (!root.contains(menu)) menus.delete(menu)
|
||||
}
|
||||
const observer = new MutationObserver(sync)
|
||||
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)
|
||||
})
|
||||
const positionOpenMenus = () => {
|
||||
if (!openMenus.size || frame) return
|
||||
frame = requestAnimationFrame(() => { frame = 0; openMenus.forEach(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()
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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. */
|
||||
|
||||
@@ -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 编译。
|
||||
- selectionMs:30 次光标选区事务的同步耗时;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 布局,早期普通事务报告使用的容器布局不同,跨版本比较应分别保留同一布局下的基线。
|
||||
@@ -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
|
||||
}
|
||||
@@ -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))
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user