从零开始学Electron笔记（二）

【从零开始学Electron笔记（二）】的更多相关文章

从零开始学Electron笔记（四）

在之前的文章我们介绍了一下Electron的这个remote模块,接下来我们继续说一下Electron的右键菜单的制作. 在我们日常我们使用的软件中都会存在右键菜单的情况,比如我们用到的浏览器,开发所用到的代码编辑器都有右键菜单,可以方便我们的日常操作,接下来我们就来看一下用Electron如何实现右键菜单,接上一章的目录: 接下来我们要在idnex.html 中使用右键菜单,右键菜单其实和我们之前所说过的顶部菜单栏其实是差不多的,所以我就引用了一下在介绍菜单栏时的一些代码并进行了改进,如下:…

从零开始学Electron笔记（二）

在之前的文章我们简单介绍了一下Electron可以用WEB语言开发桌面级应用,接下来我们继续说一下Electron的菜单创建和事件绑定. 我们接上一章的代码继续编写,上一章代码 https://www.cnblogs.com/weijiutao/p/13195306.html 上一章我们简单写了一个demo并跑了起来,我们会发现它和我们电脑上的其他程序软件一样有自带的菜单,如下图: 本人使用的是Mac,菜单在吸顶栏上,Windows电脑的话会跟随程序,一般的电脑程序都会有这样的菜单存在,方便我们…

从零开始学Electron笔记（一）

前端技术在最近几年迅猛发展,在任何开发领域我们都能看到前端的身影,从PC端到手机端,从APP到小程序,似乎前端已经无所不能,这就要求我们需要不断地去学习来提升自己!前段时间尤大通过直播介绍了一下Vue3.0开发的心路历程并放话今年发布,Deno v1.0 的发布,扬言要干掉Node,摸了摸日渐稀疏的头发,表示真心学不动了,但摸了摸干瘪但口袋表示扶我起来我还能学! 接下来我们要说到但是一个可以开发桌面级应用的框架Electron. 先简单介绍一下Electron,它是由GitHub团队开发,目前在…

从零开始学Electron笔记（六）

在之前的文章我们介绍了一下Electron如何通过链接打开浏览器和嵌入网页,接下来我们继续说一下Electron中的对话框 Dialog和消息通知 Notification. 在之前的文章中其实我们是说了一下对话框dialog的,就是在讲Menu菜单栏的时候,下面我们再来系统的看一下 dialog 的使用. dialog 官方地址:https://www.electronjs.org/docs/api/dialog 现在我们要实现一个功能,就是点击一个按钮,然后弹出一个对话框,类似于删除操作的二…

从零开始学Electron笔记（三）

在之前的文章我们介绍了一下Electron的菜单创建和事件绑定,其中提到了一个remote模块,接下来我们继续说一下Electron的这个remote模块. 官方关于remote模块的地址:https://www.electronjs.org/docs/api/remote remote 模块为渲染进程(web页面)和主进程通信(IPC)提供了一种简单方法. 在Electron中, GUI 相关的模块 (如 dialog.menu 等) 仅在主进程中可用, 在渲染进程中不可用. 为了在渲染进程…

从零开始学Electron笔记（五）

在之前的文章我们介绍了一下Electron的右键菜单的制作,接下来我们继续说一下Electron如何通过链接打开浏览器和嵌入网页. 现在有这样一个需求,我们要在我们的软件中加一个链接,然后点击该链接打开Chrome浏览器来打开此链接,那我们该如何实现呢? 先来看一下上一章之后我们的目录结构: 为了实现上面的需求,我们可以按照之前我们写前端代码一样写一个 a 标签来进行页面的跳转: <!DOCTYPE html> <html lang="en"> <head…

从零开始学Electron笔记（七）

在之前的文章我们介绍了一下Electron中的对话框 Dialog和消息通知 Notification,接下来我们继续说一下Electron中的系统快捷键及应用打包. 全局快捷键模块就是 globalShortcut,意思就是我们打开软件以后,按键盘上的快捷键,就可以实现用快捷键实现特定的功能,相当于用键盘快捷键触发某些事件. globalShortcut 官方地址:https://www.electronjs.org/docs/api/global-shortcut globalShortcu…