![](https://img-blog.csdnimg.cn/2670f7bf1af3439b9bc8fb871b74ac09.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Electron跨平台桌面应用开发实战
文章平均质量分 65
如果你可以建一个网站,你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架,它负责比较难搞的部分,你只需把精力放在你的应用的核心上即可。本专栏是Electron跨平台桌面应用开发从入门到实战系列教程。
景能
乐于创造,乐于分享,乐在其中
展开
-
javascript 事件
我们可以很容易地将事件分为组。最可能处理的常规事件就是鼠标事件、键盘事件、DOM对象事件和表单事件。下面图表列出了每一个分类中较为常用的事件。NOTE 说明:其他类型的事件JavaScript中还有很多其他类型的事件,它们和拖放、剪贴板使用、打印、动画等活动相关。即便本章没有介绍这些事件,读者也可能在其他各章中见到过一些这样的事件。当然,其基本的原理是相同的。现代浏览器支持一个名为addEventListener新的、更加灵活的方法。可以在所指定的任何DOM节点上调用addEventListen原创 2022-02-16 21:26:13 · 276 阅读 · 0 评论 -
一 第一个Electron应用
文章目录什么是Electorn?一、第一个Electron应用二、开发前的准备1.安装Node.js2.安装Visual Studio Code三、创建你的应用四、打包应用程序什么是Electorn?Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发原创 2022-02-07 18:19:00 · 784 阅读 · 0 评论 -
二 自定义应用菜单
文章目录本章目标一、添加自定义应用程序菜单1.创建 menu.js 文件2.修改 main.js二、扩充菜单本章目标本章的目标是给之前的应用程序添加自定义菜单。在第一章中运行的应用程序中可以看到,我们的应用程序已经带有一个菜单。现在我们就来自定义一个菜单。一、添加自定义应用程序菜单1.创建menu.js文件将菜单放在一个单独的文件中,这将总是一个好的实践,这样的话在每次你的应用程序需要修改时,你能很快找到菜单。这里,你需要从Electron框架中引入Menu和shell对象。Men原创 2022-02-08 18:43:18 · 587 阅读 · 0 评论 -
三 自定义应用图标和窗口置顶
本章主要内容添加自定义应用图标到目前为止,我们的应用都是用的默认的应用图标,这章我们就添加我们自己的图标。一、添加自定义图标1. 引入图标在根目录下新建一个名为public的文件夹,将我们的应用程序图标放入其中。2. 修改index.html在这里插入代码片...原创 2022-02-09 17:28:51 · 848 阅读 · 0 评论 -
四 系统托盘
本章主要内容1.优化程序,解决启动白屏的问题2.添加系统托盘功能本系列的源码地址:https://gitcode.net/leqi/electronapp一、优化程序,解决启动白屏问题现在,当我们在启动Electron应用时会发现应用会有一会儿只有带白屏的窗口,而正式的内容(这里是网页index.html)才会加载进窗口。这时,我们可以在创建窗口的时候先不让其显示,等网页加载完后我们再显示窗口。1.修改 main.js这里我们只需要修改createWindow()方法:function cr原创 2022-02-10 18:29:15 · 373 阅读 · 0 评论 -
五 主进程和渲染进程中的通知和通信
本单主要内容在主进程和渲染进程中显示通知主进程和渲染进程之间进行通信本系列的源码地址:https://gitcode.net/leqi/electronapp任何 Electron 应用程序的入口都是 main 文件。 这个文件控制了主进程,它运行在一个完整的Node.js环境中,负责控制我们应用的生命周期,显示原生界面,执行特殊操作并管理渲染器进程。而渲染器进程可以简单地理解为我们加载显示的网页,在这里就是指我们的index.html。一、在主进程和渲染进程中显示通知操作系统都为应用程序向原创 2022-02-11 18:39:16 · 447 阅读 · 0 评论 -
六 详细讲解主进程和渲染进程
前面章节中一直有提到主进程和渲染进程,本章我们就来详细讲解一下Electron中的主进程的渲染进程。原创 2022-02-12 21:21:21 · 805 阅读 · 0 评论 -
七 自定义窗口
自定义窗口原创 2022-02-13 20:53:12 · 567 阅读 · 0 评论 -
八 引入前端框架Vue.js3
Vue.js 是什么Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合原创 2022-02-14 17:48:34 · 529 阅读 · 1 评论