您的位置:首页 > 汽车 > 新车 > electron教程(二)控制应用程序的事件生命周期

electron教程(二)控制应用程序的事件生命周期

2024/10/5 6:15:14 来源:https://blog.csdn.net/weixin_48082900/article/details/140127704  浏览:    关键词:electron教程(二)控制应用程序的事件生命周期
1.will-finish-launching

当应用程序完成基础的启动的时候被触发,在 Windows 和 Linux 中, will-finish-launching 事件与 ready 事件是相同的; 在 macOS 中,这个事件相当于 NSApplication 中的 applicationWillFinishLaunching 提示。

app.on('will-finish-launching', () => {console.log('顺序1', '--will-finish-launching--');
})
2.ready

当 Electron 应用程序完成基础的初始化工作后,会触发 ready 事件,表示应用已经可以开始创建窗口和加载页面。

// app启动后创建窗口(初始化完成)
app.on('ready', () => {console.log('2', '--ready--');
})// 等同于以下两种写法
// app.isReady().then(() => {
app.whenReady().then(() => {console.log('22', '--whenReady/isReady--');
})
3. window-all-closed

当所有的窗口都被关闭时触发,如果没有监听此事件并且所有窗口都关闭了,默认的行为是控制退出程序;但如果监听了此事件,可以控制是否退出程序。

app.on('window-all-closed', () => {console.log('3', '--window-all-closed--');
})

在Windows 系统中,如果应用程序因系统关机/重启或用户注销而关闭,那么以下4、5、6事件不会被触发 

4.before-quit

在程序关闭窗口前触发,但在 Windows 系统中,如果应用程序因系统关机/重启或用户注销而关闭,那么这个事件不会被触发。

app.on('before-quit', () => {console.log('4', '--before-quit--');
})
5. will-quit

当所有窗口被关闭后触发,同时应用程序将退出。

app.on('will-quit', () => {console.log('5', '--will-quit--');
})
 6.quit

在应用程序退出时触发。

app.on('quit', () => {console.log('6', '--quit--');
})

npm run build 启动项目,可以看到执行顺序如下:

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com