Files

lenn c5f4f854bf perf: optimize mobile line chart performance and remove window controls

- Remove drop-shadow filters on SVG paths on mobile (SignalChart, SummaryCurve)
- Hide scan-haze overlay (mix-blend-mode: screen) on mobile
- Remove feTurbulence noise filter on mobile (biggest perf win)
- Simplify backgrounds and box-shadows on mobile
- Remove blur transition on inactive panels
- Hide window control buttons (minimize/maximize/close) on mobile
- Configure Android release build to sign with debug keystore
- Update README with changelog and Android build instructions

2026-05-11 22:11:40 +08:00

2.4 KiB

Raw Blame History

JE-Skin (SvelteKit + Tauri)

环境要求

Node.js 18+（建议 LTS）
Rust stable（rustup + cargo）
Windows 下请确保已安装 WebView2 Runtime 和 MSVC C++ 构建工具
Android 构建需要 Android SDK + NDK

安装依赖

npm install

运行方式

仅启动前端（Vite）

npm run dev

默认地址是 http://localhost:5173。

启动 Tauri 桌面应用（前端 + Rust）

npm run tauri dev

构建

构建前端静态资源：

npm run build

构建 Tauri 桌面安装包：

npm run tauri build

构建 Android APK / AAB：

npx tauri android build

产物路径：

APK: src-tauri/gen/android/app/build/outputs/apk/universal/release/app-universal-release.apk
AAB: src-tauri/gen/android/app/build/outputs/bundle/universalRelease/app-universal-release.aab

Release APK 默认使用 debug keystore 签名（src-tauri/gen/android/app/je-skin-debug.keystore），可直接 adb install 到设备。

代码检查

npm run check

v0.4.0 修改记录

移动端性能优化

SignalChart / SummaryCurve：在 @media (max-width: 900px) 下移除 SVG 路径上的 filter: drop-shadow()，避免移动端 GPU 软件回流导致卡顿
SignalChart：隐藏 .scan-haze（mix-blend-mode: screen 合成开销大），简化面板 background / box-shadow
SummaryCurve：移动端移除 .summary-line 和 .summary-dot 的 drop-shadow 滤镜
页面级：移动端隐藏 .hud-noise（feTurbulence SVG 滤镜是最大性能杀手），降低 .hud-vignette 透明度，简化 .hud-gradient
移除 inactive 面板的 filter: blur() 过渡动画
移除 transition 中的 filter 属性，添加 will-change: d 优化路径更新

移动端 UI 调整

隐藏三大金刚：@media (max-width: 900px) 下隐藏标题栏右侧的最小化/最大化/关闭按钮（Android 系统自带窗口管理）

Android 打包

Release 构建配置使用 debug keystore 签名，输出签名 APK 而非 unsigned

2.4 KiB Raw Blame History Unescape Escape