electron框架核心知识总结

简介: electron框架核心知识总结

1.进程和线程?


进程相当于QQ和微信的关系,互不干扰,QQ 的消息发送不到微信上,谷歌浏览器是多进程的,每一个tab页就是一个进程(渲染进程),而谷歌浏览器本身是主线程。electron框架和谷歌浏览器是类似的。

2.electron特点


他是多进程的,一个页面就是一个进程,进程{每个进程互不干扰,类似于QQ和微信的关系},有一个主进程(l老大,可以创建渲染进程,有很多api),其他的渲染进程(可以使用dom和node);

里面可以用node的api也可以用js(很奇葩…)

3.详解常见启动命令-如vue脚手架package.json里面scripts


举例:

nodmon --watch main.js --exec \“\”

package.json里面的scripts里面的start或者dev这种启动命令,是怎么来的?

去看文档 看node的文档比如 : nodmon --watch(监听哪个文件)  main.js(被监听的文件) --exec(执行哪个命令) \“\”(最外层是双引号,所以要转义)

4.DOMcontentLoaded和onload 的区别??


DOMContentLoaded页面加载更快,js更早执行,不用等待图片加载完成

image.png

5.electron进程之间的通信


[ipc通信-主进程和渲染进程]ipcRenderer作用是渲染进程将事件发送到主进程去,ipcRenderer.send('事件名',‘f发送的信息’);发送出去怎么接收呢?在main.js里面ipcmain.on('message',('事件名',‘发送的信息’)=>{});主进程怎么发回去event.reply('reply')[在ipcmain.on里面]

6.electron进程之间的通信-更便捷


const createWindow = () => {
    win = new BrowserWindow({
        width: 1600, height: 1000,
        webPreferences: {
            preload: path.join(__dirname, "preload.js"),
            nodeIntegration: false,
            contextIsolation: false,
            sandbox: true,
        },
    })

使用remote模块实现跨进程访问--快捷一些

相关文章
|
存储 前端开发 数据库
electron项目中使用本地数据库sqlite3和sequelize框架
electron项目中使用本地数据库sqlite3和sequelize框架
|
17天前
|
前端开发 JavaScript
electron ui框架
Electron是一个使用JavaScript, HTML和CSS等前端技术构建跨平台桌面应用程序的框架。
41 0
|
5月前
|
开发框架 Rust Dart
Flutter、Electron 和 Tauri 框架简介
Flutter、Electron 和 Tauri 框架简介
181 0
|
前端开发 Linux iOS开发
IM跨平台技术学习(八):新QQ桌面版为何选择Electron作为跨端框架
在瞬息万变的互联网行业中,年过二十四的即时通讯IM应用 QQ 堪称超长寿的产品,见证了中国互联网崛起的完整历程。 然而,如今这个元老级产品经历了一次从内到外彻底的重构。在这次重构中,QQ 选择了 Electron 作为 UI 跨平台开发框架。 尽管 Electron 被 Slack、Visual Studio Code 和 Discord 等大型产品广泛使用,但也引发了一些网友的担忧,例如内存占用、安装包体积和启动速度等方面的问题。本文内容整理自 QQ 技术团队的采访,我们一起来看看QQ团队选择Electron作为桌面版跨端框架背后的决策与思考。
471 0
|
23天前
|
JSON JavaScript 前端开发
开发桌面程序-Electron入门
【10月更文挑战第16天】Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用的框架,嵌入了 Chromium 和 Node.js。本文介绍了如何搭建 Electron 开发环境,包括安装 Node.js、创建项目、配置 main.js 和打包应用。通过简单的步骤,你可以快速创建并运行一个基本的 Electron 应用程序。
开发桌面程序-Electron入门
|
3月前
|
JavaScript 开发工具
Electron 开发过程中主进程的无法看到 console.log 输出怎么办
Electron 开发过程中主进程的无法看到 console.log 输出怎么办
|
4月前
|
前端开发
PC端01,桌面端,electron的开发,electron的开发的系列课程,软件开发必备流程,electron的讲解,electron的开发,vitepress博主的gitee链接,PC端效率软件
PC端01,桌面端,electron的开发,electron的开发的系列课程,软件开发必备流程,electron的讲解,electron的开发,vitepress博主的gitee链接,PC端效率软件
PC端01,桌面端,electron的开发,electron的开发的系列课程,软件开发必备流程,electron的讲解,electron的开发,vitepress博主的gitee链接,PC端效率软件
|
6月前
|
移动开发 开发框架 JavaScript
Vue3 Vite electron 开发桌面程序
Vue3 Vite electron 开发桌面程序
340 0