Electron 探险

Electron应用程序有前端进程（称为“renderer”）和后端进程（称为“main”）。在这两者之间还有一些桥接代码（“preload”），可以访问后端API。 到目前为止，我们完全忽略了后端进

如果我们不想使用内置字体怎么办？需要使用的自己喜欢的字体。 传统上，终端使用等宽字体。我们选择一个 Google 的字体，叫做Nova Mono。 @font-face声明 使用字体 结果 代码如下：

到目前为止，我使用了浏览器API来操作前端。这不是一个编写前端代码好的方法。因此在接下来的几篇文章，我将使用不同的前端框架开发。 从备受喜爱的经典jQuery开始。 安装jQuery 我们可以从以前的

我谈了很多关于Electron安全的问题。但是，前端完全访问你的系统并不是一个好主意。Electron推荐如何处理？ 当前的解决方案--是预加载脚本。 我们仍然有前端和后端代码，但我们还有第三种代码—

Electron安全 正如我在前几篇文章所说，后端和前端往往遵循不同的规则： 后端代码拥有计算机具有完全访问权限 前端代码运行来自互联网上站点的代码，但它无法访问浏览器之外的任何内容。 在本文中，我们

现代终端虽然非常复杂，但是小型的终端只需要： 一种输入命令的方式 运行这些命令 显示输出 在本文中，我们将忽略令人讨厌的“run commands”部分，只从外观开始。 index.html 排版 首

在上一集中，我们创建了一个小应用程序。以一种非常无聊的方式显示您有多少可用磁盘空间。 现在是时候给它加点料了！我们根本不会触及后端，只修改前端部分。 安装D3 首先，我们需要安装D3。 这是前端的HT

在上一集中使用了一个巨大的dataURL，这种方法的可伸缩性不是很好。 Electron提供了许多替代方案。 查找磁盘可用空间 如果你运行df命令，你会得到磁盘的已用空间和总空间。但是格式很疯狂，许多

让我们用Electron做一些更高级的事情。动态生成一些HTML，并将其加载到浏览器中。 没有直接的功能，我们可以使用dataURL。 将数据URL加载到Web视图中 ARGV解析 我们传递生成的HT

让我们做一些前端代码不能自己做的事情-运行shell命令。 运行单个命令 Electron的后端是一个基本上节点进程，用于与浏览器通信。 现在，我们使用child_process.execSync，运

一个Electron应用程序是两个应用程序合二为一。前端应用程序控制前端，后端应用程序控制后端，它们就像两个独立的程序一样进行通信。 我们已经在上一集中编写了一个小型后端代码。所以，让我们也构建一个简

浏览器赢了。你每天使用100个应用程序，其中99个是浏览器应用程序。 对于跨平台应用程序来说尤其如此。 不幸的是，虽然浏览器可以制作很棒的UI，但它们在做其他事情时非常有限。 我将在未来的中更多地谈论