米米的博客

Electron 是一个基于 Node.js，并拥有一个 Chromium「外壳」的桌面应用开发框架。你可以调用所有 Node.js 和浏览器的 API，使用 JavaScript，HTML 和 CSS 等 Web 技术创建原生程序。根据官方的宣传语：「它负责比较难搞的部分，你只需把精力放在你的应用的核心上即可。」
下面介绍如何使用 Electron 构建简单的桌面应用。你可以参照官方给出的入门程序：

1

git clone https://github.com/electron/electron-quick-start.git

安装

Electron 可以通过 npm install electron 来进行安装。在依赖包安装完成后，Electron 会开始下载它的「本体」—— 一个数十 MiB 大小的压缩包，包含 Electron 在不同平台下的可执行文件。这一步对于国内的开发者不太友好，因为下载的内容在 Amazon 云上，访问速度不佳；而且新版的 Electron 去除了下载进度条，导致即使出现问题，你也无法知晓卡在了哪一步。一种简单的解决方案是通过设定环境变量来使用淘宝源：

1

ELECTRON_MIRROR="https://npmmirror.com/mirrors/electron/"

设置此环境变量后，再执行 npm install，下载就是正常的了。

通过 AIDA64 可以获得大量的传感器数据，例如 CPU 频率、温度，显存、内存使用情况等。并且，软件还可以将这些数据输出到兼容的 LCD 或 VFD 屏幕上。对于大部分 DIY 爱好者，这个功能已经足够强大了。不过，如果你试图通过高级语言编程来收集和处理数据，就会遇到困难 ——AIDA64 似乎并没有提供方便的接口。在设置项中苦苦搜寻了一番，笔者只找到了一个基于 HTTP 长连接的网络接口，配置起来还比较复杂。
为了避免重复造轮子，笔者转而前往 GitHub 搜索，发现了一个名为 aida64-to-json 的项目。它的原理非常简单：设置 AIDA64 将传感器数据写入注册表，然后读取注册表中的传感器参数并格式化。
Bingo！这正是一个完美的解决方案，之前居然没有想到。使用方法也很简单，需要进行一些设置：
文件 → 设置 → 外部程序 → 允许将监测数据写入注册表

然后就可以读取注册表信息了。aida64-to-json 是基于 Node.js 的，笔者又用 Python 重写了一遍：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

import os, winreg

def query():
    if os.name != "nt":
        pass
    db = {}
    with winreg.OpenKey(winreg.HKEY_CURRENT_USER, "Software\\FinalWire\\AIDA64\\SensorValues") as key:
        for i in range(winreg.QueryInfoKey(key)[1]):
            name, data, _type = winreg.EnumValue(key, i)
            attr = name.split(".")
            if (attr[0] == "Label"):
                db[attr[1]] = {}
                db[attr[1]]["label"] = data
            else:
                db[attr[1]]["value"] = data
    return db

if __name__ == "__main__":
    db = query()
    print(db)

此外还有一个可行的方案：利用 AIDA64 的共享内存特性，用 C++ 写一个 Node.js 或者 Python 的插件。其实 Rivatuner 也有共享内存可以用，可惜文档太少，不知从何下手。
笔者随后又到 AIDA64 的社区中搜寻，发现了诸如「如何将传感器数据通过串口输出 Arduino 上」这样的问题，但都没有得到可靠的回复。这样比较下来，读注册表似乎确凿是一个很省事的方案了。

用 ssh 连接远程服务器时，如果连接断开，那么当前的进程就会被杀死。运行系统备份或 ftp 传输这样耗时较长的任务，ssh 不方便一直挂着，那该怎么办呢？这种情况的应对方法是 GNU Screen，一款由 GNU 计划开发的用于命令行终端切换的自由软件。用户可以通过该软件同时连接多个本地或远程的命令行会话，并在其间自由切换。

在执行快速和简单的任务时，往往不会使用 screen，因为这没有必要。但是，如果发现正在运行的任务花费的时间比预期的要长得多，或者只是单纯地忘记了在执行命令前进入 screen，该怎么办呢？这时退出 ssh 就会导致前功尽弃。在这种情况下，我们剩下三个选择：

• 一直保持 ssh 连接，但不知道要等到什么时候
• 退出当前进程，丢失所有未保存的工作，并可能浪费大量的时间来处理，或者
• 将正在运行的进程移至新的 screen 中。这是笔者将在后文中描述的解决方案。

操作步骤如下。

挂起进程

我们需要做的第一件事是通过按 Ctrl+Z 挂起当前的进程。
这会向进程发送一个 TSTP 信号 —— 停止执行进程，并且内核将不再为该进程安排更多的 CPU 时间。

在后台恢复进程

输入 bg 命令。这会将 SIGCONT 信号发送到该进程，现在它会在后台欢快地运行起来。

disown 进程

现在，我们像这样运行 disown 命令：

1

disown %1

disown 从活动作业表中删除该进程，从本质上允许该进程被另一个会话接管。

新开 screen

执行 screen 即可，进入一个新的 screen 会话中。

查找进程的 PID

现在，我们需要找到要接管的进程的 PID。笔者使用和推荐的方法是 pgrep。例如，如果我们的进程称为 myprogram，则可以运行 pgrep myprogram 命令，该命令将返回其 PID。

使用 reptyr 接管进程

最后，我们将 PID 传递给 reptyr 来接管该进程。如果 pgrep 给我们的 PID 为 1234，我们现在可以使用以下命令：

1

reptyr 1234

最后两步也可以合在一起：

1

reptyr $(pgrep myprogram)

如果提示找不到 reptyr 命令，可以用包管理工具安装一下。reptyr 的源码在这个 GitHub 仓库中。

本文翻译自：Move a running process to screen

你们可能不知道，用 40 血通杀全场是什么概念。我们一般只会用四个字来形容这种人 —— 米尔菲斯。

我经常说一句话，当年卢本伟开自瞄爆头 29 杀，我巫妖巴兹亚尔锁 1 血不是问题。

埋伏他一手，这个牌不用捡，不能捡。他死定了。

扩展运算符（Spread operator）是 ES6 语法，推出距今已有数年，可以放心地在浏览器中使用。它有几种用例能让 JavaScript 代码更加简洁高效，本文将作一个梳理。

以数组形式传递参数

有时一个函数有很多参数，我们希望能够以一个 Array 的形式传递参数，数组的每个元素对应一个参数。JavaScript 提供了 Function.prototype.apply，用法如下。

1
2
3
4

function doStuff (x, y, z) {}
var args = [0, 1, 2];
// Call the function, passing args
doStuff.apply(null, args);

而通过扩展运算符，我们可以避免使用 apply 并且达到同样的效果。

1

doStuff(...args);

代码更少，更干净，而且不需要使用多余的 null！

作用于数组

扩展运算符可以用来代替 concat 和 slice 这些数组函数。

1
2
3
4
5
6

// joining arrays
const odd = [1, 3, 5];
const nums = [2, 4, 6].concat(odd);
// cloning arrays
const arr = [1, 2, 3, 4];
const arr2 = arr.slice()

简写：

1
2
3
4
5
6
7

// joining arrays
const odd = [1, 3, 5];
const nums = [2, 4, 6, ...odd];
console.log(nums); // [ 2, 4, 6, 1, 3, 5 ]
// cloning arrays
const arr = [1, 2, 3, 4];
const arr2 = [...arr];

不像 concat 函数，可以使用扩展运算符来在一个数组中任意处插入另一个数组。

1
2

const odd = [1, 3, 5];
const nums = [2, ...odd, 4, 6];

展开 HTMLCollection

此外，扩展运算符在前端还有一个应用场景。通过 Element.children 选择的元素，返回的是一个 HTMLCollection 对象而非 Array。这意味着你不能直接调用 forEach 方法来遍历它，而是需要一些额外的代码。比较简单的有这样几种：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

var targets = document.body.children;

[].forEach.call(targets, function(target) {
    target.style.color = "red";
});

for (var i = 0; i < targets.length; ++i) {
    targets[i].style.color = "green";
}

for (var target of targets) {
    target.style.color = "blue";
}

Array.from(targets).forEach(function(target) {
    target.style.color = "orange";
});

而直接使用扩展运算符展开 HTMLCollection 是这样的：

1
2
3

[...document.body.children].forEach(function(target) {
    target.style.color = "black";
});

同理，document.querySelectorAll 返回的 NodeList 对象有 forEach 方法，但是却没有 map 方法。使用拓展运算符可以优美地解决这个问题。

1
2
3

[...document.querySelectorAll("p")].map(function(target) {
    return target.innerText;
});

在 Hexo 的 NexT 主题中，就多次使用了这一技巧。

解构对象

JavaScript 对象也可以使用扩展运算符解构：

1
2
3
4

const { a, b, ...z } = { a: 1, b: 2, c: 3, d: 4 };
console.log(a) // 1
console.log(b) // 2
console.log(z) // { c: 3, d: 4 }

拆分字符串

用扩展运算符将字符串拆分成字符组成的数组。一个典型的例子是：

1
2

const str = "hello";
[...str]; // => ['h', 'e',' l',' l', 'o']

就连 Emoji 也能扩展

很多 Emoji 字符不是独立的 Unicode 字符，而是由多个 Emoji 组合而成。最常见的就是家庭 Emoji 和有肤色的 Emoji，例如👪和👨‍👩‍👧‍👧。这点在前面的文章 Unicode 字符与颜文字表情中也有提到。
神奇的事情是，如果使用扩展运算符的话，它们是可以拆散的！

这些复合 Emoji 字符甚至还允许做替换，形成新的 Emoji 字符。

不得不说这是一种绝妙的使用方式。

拓展阅读：[译] 6 种 JavaScript 展开操作符的绝妙使用