chore: 清理临时文件和测试文件

- 删除临时测试文件 (test-*.html, test-*.js)
- 删除临时文档文件 (GPU_ACCELERATION_USAGE.md, RENDER_OPTIMIZER_USAGE.md)
- 删除测试 HTML 文件 (argon-memory-manager.test.html, argon-performance.test.html)
- 整理文档到 specs 目录下
This commit is contained in:
2026-01-22 10:42:19 +08:00
parent 9feba74cfe
commit 4515831d7f
18 changed files with 1802 additions and 3121 deletions

View File

@@ -100,14 +100,14 @@
- **属性 7: 同时运行动画数量限制**
- **验证:需求 5.2, 5.3, 5.5**
- [~] 7. 实现内存管理模块
- [x] 7. 实现内存管理模块
- [x] 7.1 创建 ArgonMemoryManager 类
- 实现构造函数和 ID 跟踪集合
- 实现 setTimeout()、setInterval()、requestAnimationFrame() 包装方法
- 实现对应的清理方法
- _需求12.5, 13.4_
- [~] 7.2 实现统一清理接口
- [x] 7.2 实现统一清理接口
- 实现 clearAll() 方法
- 确保所有定时器和动画帧被取消
- _需求13.4_
@@ -116,22 +116,22 @@
- **属性 10: 定时器和动画帧清理**
- **验证:需求 12.5, 13.4**
- [~] 8. 检查点 - 核心模块验证
- [x] 8. 检查点 - 核心模块验证
- 确保所有测试通过,询问用户是否有问题
- [~] 9. 实现性能监控模块
- [~] 9.1 创建 ArgonPerformanceMonitor 类
- [x] 9. 实现性能监控模块
- [x] 9.1 创建 ArgonPerformanceMonitor 类
- 实现构造函数和指标存储
- 实现 recordMetrics() 使用 Performance API
- _需求18.1_
- [~] 9.2 实现性能问题检测
- [x] 9.2 实现性能问题检测
- 实现 detectIssues() 方法
- 检测 DOM 查询频率、事件监听器数量、长任务
- 输出警告信息
- _需求18.2_
- [~] 9.3 实现性能报告功能
- [x] 9.3 实现性能报告功能
- 实现 report() 方法
- 支持开发模式和生产模式
- 提供优化建议
@@ -143,8 +143,8 @@
- 测试开发/生产模式差异
- _需求18.1, 18.2, 18.3, 18.4, 18.5_
- [~] 10. 实现缓存策略优化
- [~] 10.1 扩展 DOM 缓存支持 LRU 策略
- [x] 10. 实现缓存策略优化
- [x] 10.1 扩展 DOM 缓存支持 LRU 策略
- 添加缓存大小上限配置
- 实现访问时间跟踪
- 实现 LRU 淘汰逻辑
@@ -155,31 +155,31 @@
- **属性 12: LRU 缓存淘汰策略**
- **验证:需求 14.3, 14.4**
- [~] 11. 集成优化模块到主题
- [~] 11.1 在 argontheme.js 中引入优化模块
- [x] 11. 集成优化模块到主题
- [x] 11.1 在 argontheme.js 中引入优化模块
- 在文件开头引入 argon-performance.js
- 初始化所有优化模块实例
- _需求1.1, 2.1, 3.1_
- [~] 11.2 替换现有滚动事件处理器
- [x] 11.2 替换现有滚动事件处理器
- 使用 eventManager.throttle() 包装滚动处理器
- 替换 changeToolbarTransparency 函数
- 替换 changeLeftbarStickyStatus 函数
- _需求2.1, 2.2, 2.3_
- [~] 11.3 替换现有 resize 事件处理器
- [x] 11.3 替换现有 resize 事件处理器
- 使用 eventManager.debounce() 包装 resize 处理器
- 优化瀑布流布局重新计算
- 优化移动端布局切换
- _需求3.1, 3.2, 3.3_
- [~] 11.4 使用 DOM 缓存替换重复查询
- [x] 11.4 使用 DOM 缓存替换重复查询
- 缓存 toolbar、leftbar、sidebar 等常用元素
- 替换所有 querySelector 和 getElementById 调用
- _需求1.1, 1.2_
- [~] 12. 实现 PJAX 集成
- [~] 12.1 在 PJAX 事件中集成优化模块
- [x] 12. 实现 PJAX 集成
- [x] 12.1 在 PJAX 事件中集成优化模块
- 在 pjax:beforeReplace 中清理事件监听器
- 在 pjax:end 中重新初始化 DOM 缓存
- 清理定时器和动画帧
@@ -189,16 +189,16 @@
- **属性 2: DOM 缓存 PJAX 重置**
- **验证:需求 1.3**
- [~] 13. 检查点 - 集成验证
- [x] 13. 检查点 - 集成验证
- 确保所有测试通过,询问用户是否有问题
- [~] 14. 实现响应式图片优化
- [~] 14.1 添加响应式图片加载逻辑
- [x] 14. 实现响应式图片优化
- [x] 14.1 添加响应式图片加载逻辑
- 检测设备像素比
- 根据像素比选择合适尺寸图片
- _需求15.1_
- [~] 14.2 实现 WebP 格式优先加载
- [x] 14.2 实现 WebP 格式优先加载
- 检测浏览器 WebP 支持
- 优先加载 WebP 格式图片
- _需求15.2_
@@ -208,13 +208,13 @@
- **属性 14: WebP 格式优先级**
- **验证:需求 15.1, 15.2**
- [~] 15. 实现模块按需加载
- [~] 15.1 重构第三方库加载逻辑
- [x] 15. 实现模块按需加载
- [x] 15.1 重构第三方库加载逻辑
- 使用 resourceLoader 替换直接加载
- 在需要时才加载 Prism、Zoomify、Tippy
- _需求7.1, 7.2, 7.3_
- [~] 15.2 实现功能模块动态加载
- [x] 15.2 实现功能模块动态加载
- 识别可拆分的功能模块
- 实现交互触发时加载
- 避免重复加载
@@ -224,42 +224,42 @@
- **属性 15: 模块按需加载和缓存**
- **验证:需求 19.3, 19.5**
- [~] 16. CSS 性能优化
- [~] 16.1 审查和优化 CSS 选择器
- [x] 16. CSS 性能优化
- [x] 16.1 审查和优化 CSS 选择器
- 识别复杂选择器并简化
- 减少嵌套层级
- 使用类选择器替代标签选择器
- _需求4.1, 4.2, 4.3_
- [~] 16.2 优化高成本 CSS 属性
- [x] 16.2 优化高成本 CSS 属性
- 减少 box-shadow 使用
- 限制 backdrop-filter 模糊半径
- 优化动画属性使用
- _需求6.1, 6.2, 6.3, 5.4_
- [~] 17. 添加性能监控和报告
- [~] 17.1 在页面加载时记录性能指标
- [x] 17. 添加性能监控和报告
- [x] 17.1 在页面加载时记录性能指标
- 调用 performanceMonitor.recordMetrics()
- 在开发模式下输出详细报告
- _需求18.1, 18.3_
- [~] 17.2 添加性能问题自动检测
- [x] 17.2 添加性能问题自动检测
- 定期调用 detectIssues()
- 在控制台输出警告和建议
- _需求18.2, 18.5_
- [~] 18. 最终检查点 - 完整性验证
- [x] 18. 最终检查点 - 完整性验证
- 运行所有单元测试和属性测试
- 进行性能基准测试
- 验证优化目标达成
- 确保所有测试通过,询问用户是否有问题
- [~] 19. 文档和注释
- [~] 19.1 添加代码注释
- [x] 19. 文档和注释
- [x] 19.1 添加代码注释
- 为所有优化模块添加 JSDoc 注释
- 说明关键算法和优化原理
- [~] 19.2 更新主题文档
- [x] 19.2 更新主题文档
- 记录性能优化配置选项
- 提供性能调优指南