![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Electron
HouszChina
这个作者很懒,什么都没留下…
展开
-
Electron 基础教程-6.1 IPC模块
Understanding the IPC Module上章我们在为应用添加上下文菜单时候简单使用了进程间通信(inter-process communication,IPC)机制,本章我们将深入探索IPC模块的原理。虽然IPC可能不是最富魅力的API模块,但它无疑是我们构建应用程序的根基。Getting StartedElectron程序被分为两个独立的部分:主进程和渲染进程...翻译 2018-03-19 23:10:36 · 849 阅读 · 0 评论 -
Electron 基础教程-2.3 主进程(Main Process)
主进程(Main Process)正如之前所提,Electron有两大进程:主进程(Main Process)和渲染进程(Renderer Process)。在这个示例程序中,主进程代码就在main.js文件中。 Note 通常将主进程文件命名为main.js,这样表示Node从这里启动应用的主进程。当你的项目代码重构目录结构后,必须在package.json中将主进程文件重新指...翻译 2018-08-20 22:33:56 · 2206 阅读 · 0 评论 -
Electron 基础教程-2.2 修改为你的专属应用
修改为你的专属应用第一步要修改项目中的package.json文件。如果你没有使用示例项目而是建了一个全新的项目,package.json将会在npm init后被创建。package.json大体如下:{ "name": "electron-quick-start", "version": "1.0.0", "description": "A minimal Elec.翻译 2018-08-20 22:32:44 · 2057 阅读 · 0 评论 -
Electron 基础教程-2.1 获取Quick Start代码
一开始上手Electron可能会很迷茫:文件该放在哪?文件如何命名?代码从哪里开始写?代码应怎么组织?幸运的是,GitHub的Electron开发者创建了一个供初学者学习的GitHub仓库Electron Quick Start。我们将这个仓库中的案例为出发点学习Electron。代码仓库地址为https://github.com/electron/electron-quick-start,里...翻译 2018-08-20 22:30:13 · 1047 阅读 · 0 评论 -
Electron 基础教程-1.5 Electron是怎样工作的
Electron是怎样工作的Electron应用基于两个独立的进程:主进程(main process)和渲染进程(render process),如图1.2。 Figure 1-2. The two processes that power an Electron application 主进程主进程(main process)被用来处理系统级活动,例如生命周期事件(启动、准...翻译 2018-08-20 22:28:46 · 1099 阅读 · 0 评论 -
Electron 基础教程-1.4 为什么选择Electron
为什么选择Electron既然你选择了这本书,肯定是为了项目需求开发桌面应用,亦或是纯粹的个人兴趣。如果你曾开发过web应用,你应该对适配各种浏览器平台的痛苦历历在目。浏览器标准的适配过程经历了很多年,但web开发者仍要关注适配问题。对于那些与企业客户合作的开发者来说,更有可能被旧版浏览器和操作系统困扰。当你使用Electron开发时,你的应用中会有一个完整的Chromium引擎拷贝,因此...翻译 2018-08-20 22:24:34 · 2481 阅读 · 0 评论 -
Electron 基础教程-1.3 我应该知道什么?
我应该知道什么?与传统桌面开发不同,你仅仅要掌握HTML、CSS和JavaScript,以及基本的Node即可上手Electron。当然熟悉命令行操作也是极好的。将我们熟悉的web技术应用于桌面开发正是Electron的精髓。我们会用到Git来初始化项目,但是对Git的应用仅此而已了。当然版本控制系统是很重要的开发技能。本书将使用一种全新的方式介绍Electron的工作机制。由于Elect...翻译 2018-08-20 21:56:59 · 354 阅读 · 0 评论 -
Electron 基础教程-1.2 谁在用Electron
谁在用Electron如今有太多的开源项目,你方唱罢我登场,Electron值得花费精力学习吗?虽然Electron最初是用来开发GitHub Atom编辑器的,后来很多公司发现这个技术是很棒的桌面应用解决方案。并且鉴于Electron由知名公司背书,使用的风险是很小的。如果你去Electron官网就会发现大量的成功案例。显然GitHub是Electron的忠实拥趸,Atom编辑器正是基于...翻译 2018-08-20 21:55:42 · 1010 阅读 · 0 评论 -
Electron 基础教程-1.1 Electron是什么
GitHub ELectron(简称Electron)允许你仅仅使用HTML、CSS和JavaScript就可以构建桌面应用,这听起来有些野心勃勃。实际上正如Apache Cordova(也叫PhoneGap)允许只用HTML、CSS和JS来构建移动应用,Electron为桌面开发提供新可能。Electron最初是用于开发新编辑器Atom的技术,在2013年由Github工程师赵成开发。一开始...翻译 2018-08-20 21:54:36 · 5904 阅读 · 0 评论 -
Electron 基础教程-7.3 Node fs模块文件与目录操作
A Brief Look at Node’s FS Module读写文件操作调用了Node的核心模块:fs(File System)。这个模块的每个方法都提供了同步和异步两种版本,通常选择异步方式编写代码。异步方式就能防止打断用户交互操作,因为代码的执行不会被阻塞。fs模块基本的操作如下: * 打开或创建文件 * 获取文件状态和信息 * 写文件 * 读文件 * 关闭文件 * 删除文...翻译 2018-03-20 22:28:54 · 8128 阅读 · 0 评论 -
Electron 基础教程-7.2 文件打开对话框
The File Open DialogElectron不使用文件API,正如web应用一样,我们结合使用会话模块和Node的FS模块来完成文件操作。显示文件打开会话的基本方法是dialog.showOpenDialog。 首先将index.html的<body>中加入:<button id="select-directory">Choose a directory</button><tex翻译 2018-03-20 17:07:09 · 4865 阅读 · 1 评论 -
Electron 基础教程-7.1 对话框
Working with the Dialog ModuleElectron的会话模块(dialog module)为我们提供了显示系统级对话框的能力,包括文件的打开与保存和多种警告。如果你写过传统的web应用就会意识到,这些对话框在web环境下并不是都能使用的。在这一章节,我们将会学习这些对话框的使用以及探究它们的各种参数。会话模块仅限于在主进程中使用,这意味着你只能使用渲染进程经由进程间通信(I翻译 2018-03-20 16:06:14 · 622 阅读 · 0 评论 -
Electron 基础教程-6.4 IPC监听器
我们可能想要移除掉某个IPC监听器,IPC模块为异步和同步进程提供了相似的语法。如果想要移除主进程中的单个监听器,语法为:ipcMain.removeListener(channel name, function)类似地,在移除渲染进程的单个监听器:ipcRenderer.removeListener(channel name, function)其中翻译 2018-03-19 23:27:22 · 2876 阅读 · 0 评论 -
Electron 基础教程-6.3 异步IPC通信
Asynchronous IPC Messaging通常情况下,通过发送IPC消息触发的事件可能会需要很长时间来调用方法,然后返回给渲染进程。这会使渲染进程暂停工作一段时间,很影响应用的用户体验。为了解决渲染器假死的问题,可用异步IPC方法来实现。 首先给index.html的&lt;body&gt;内容添加两项:&lt;button id="sendAsyncMsgBtn"...翻译 2018-03-19 23:24:18 · 1236 阅读 · 0 评论 -
Electron 基础教程-6.2 同步IPC通信
Electron IPC同步通信基本用法翻译 2018-03-19 23:20:49 · 1231 阅读 · 0 评论 -
Electron 基础教程-2.4 渲染进程(Renderer Process)
渲染进程(Renderer Process)正如上节所了解,main.js标识出了Electron渲染进程(Renderer Process)的HTML文件。渲染进程正是从mainWindow.loadURL()调用开始的:// and load the index.html of the app.mainWindow.loadURL(url.format({ pathnam...翻译 2018-08-20 22:35:00 · 7523 阅读 · 0 评论