0%

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://cdn.npm.taobao.org/dist/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
21
22
#!/usr/bin/env python3

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 的源码在这个 GitHub 仓库中。


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

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

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

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

扩展运算符是 ES6 语法,推出距今已有数年,但似乎并不常见。它有几种用例能让 JavaScript 代码更加有效使用,本文将作一个梳理。

不使用 apply 方法呼叫函数

这里指的是 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

作用于数组

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

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 主题中,就多次使用了这一技巧。

解构对象

也可以使用扩展运算符解构:

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 展开操作符的绝妙使用