Skip to content

feat: 优化主题预加载,消除首帧闪烁#51

Merged
lulu-sk merged 1 commit intomasterfrom
feat/theme-preload-optimization
Nov 5, 2025
Merged

feat: 优化主题预加载,消除首帧闪烁#51
lulu-sk merged 1 commit intomasterfrom
feat/theme-preload-optimization

Conversation

@lulu-sk
Copy link
Copy Markdown
Owner

@lulu-sk lulu-sk commented Nov 5, 2025

  • 在 index.html 添加内联主题脚本,实现页面加载前的主题应用
  • 新增 getCachedThemeSetting 和 writeThemeSettingCache 函数
  • 在 App.tsx 多处调用缓存写入,确保主题偏好持久化
  • 修复 TerminalManager 中 ResizeObserver 的清理逻辑

问题:

  • 用户在刷新页面或首次加载时,可能看到短暂的白色/黑色闪烁
  • 主题设置未在 localStorage 中缓存,每次需要重新推断

改进:

  • 通过内联脚本在 HTML 解析阶段即读取缓存并应用主题
  • 添加主题缓存读写工具函数,确保用户偏好在会话间保持
  • 增强 ResizeObserver 断开连接的防御性检查

- 在 index.html 添加内联主题脚本,实现页面加载前的主题应用
- 新增 getCachedThemeSetting 和 writeThemeSettingCache 函数
- 在 App.tsx 多处调用缓存写入,确保主题偏好持久化
- 修复 TerminalManager 中 ResizeObserver 的清理逻辑

问题:
- 用户在刷新页面或首次加载时,可能看到短暂的白色/黑色闪烁
- 主题设置未在 localStorage 中缓存,每次需要重新推断

改进:
- 通过内联脚本在 HTML 解析阶段即读取缓存并应用主题
- 添加主题缓存读写工具函数,确保用户偏好在会话间保持
- 增强 ResizeObserver 断开连接的防御性检查

Signed-off-by: Lulu <58587930+lulu-sk@users.noreply.github.com>
@lulu-sk lulu-sk self-assigned this Nov 5, 2025
@lulu-sk lulu-sk merged commit 2b8bea0 into master Nov 5, 2025
4 checks passed
@lulu-sk lulu-sk deleted the feat/theme-preload-optimization branch November 5, 2025 20:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant