huanghs/electron-vite-vue
1
0
Fork 0
mirror of https://github.com/electron-vite/electron-vite-vue synced 2025-01-19 11:56:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 启动动画卡顿

Browse Source
This commit is contained in:
草鞋没号 2021-06-23 11:19:36 +08:00
parent 0f390defd5
commit 118cc7d6f8
2 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/preload/index.js
View File

@ -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();
})();

17
src/render/main.ts
View File

@ -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)