fix: 启动动画卡顿

BWrong · Jun 23, 2021 · 118cc7d · 118cc7d
1 parent 0f390de
commit 118cc7d
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 12 deletions.
diff --git a/src/preload/index.js b/src/preload/index.js
@@ -17,7 +17,7 @@ function domReady(...args) {
 }
 
 /** 插入 loading */
-function insertLoading() {
+function loadingBootstrap() {
   const loadingStyle = document.createElement('style');
   const loadingBox = document.createElement('div');
 
@@ -114,16 +114,16 @@ function insertLoading() {
 ; (async function () {
   await domReady();
 
-  let _isCallClosePreloadLoading = false;
-  const { removeLoading, appendLoading } = insertLoading();
+  let _isCallRemoveLoading = false;
+  const { removeLoading, appendLoading } = loadingBootstrap();
 
-  window.ClosePreloadLoading = () => {
-    _isCallClosePreloadLoading = true;
+  window.removeLoading = () => {
+    _isCallRemoveLoading = true;
     removeLoading();
   };
 
   // 5 秒超时自动关闭
-  setTimeout(() => !_isCallClosePreloadLoading && removeLoading(), 4999);
+  setTimeout(() => !_isCallRemoveLoading && removeLoading(), 4999);
 
   appendLoading();
 })();
diff --git a/src/render/main.ts b/src/render/main.ts
@@ -6,12 +6,17 @@ import { ipcRenderer } from 'electron'
 import Store from 'electron-store'
 import './index.css'
 
-console.log('ipcRenderer:', ipcRenderer)
-// Configuration name causes hot updates to be slow | 传递 name 后会导致热更新很慢
-// console.log('electron-store', new Store({ name: 'electron-vue' })) 
-// https://github.com/caoxiemeihao/electron-vue-vite/issues/10
-console.log('electron-store', new Store())
+
+setTimeout(() => {
+  console.log('ipcRenderer:', ipcRenderer)
+  // Configuration name causes hot updates to be slow | 传递 name 后会导致热更新很慢
+  // console.log('electron-store', new Store({ name: 'electron-vue' })) 
+  // https://github.com/caoxiemeihao/electron-vue-vite/issues/10
+  console.log('electron-store', new Store())
+
+  // new Store 会阻塞线程，导致 preload 动画卡顿
+}, 2999)
 
 createApp(App)
   .mount('#app')
-  .$nextTick(window.ClosePreloadLoading)
+  .$nextTick(window.removeLoading)