0%

你们可能不知道,用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];

展开NodeList

此外,在前端还有一个应用场景。通过document.querySelectorAll选择的元素,返回的是一个NodeList对象而非Array。这意味着你不能直接调用forEach方法来遍历它,而是需要一些额外的代码。例如:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var targets = document.querySelectorAll("p");

[].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";
});

这时,也可以直接使用扩展运算符展开NodeList

1
2
3
[...document.querySelectorAll("p")].forEach(function(target) {
target.style.color = "black";
});

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

Boot Loader,或「引导程序」,是微控制器中烧录的固件。对于Arduino而言,每次按下复位键,或者编译上传新的程序时,都会先加载Boot Loader;随后Boot Loader再来执行程序,或者根据电脑的指令,将新程序的代码写入闪存中。
在正常情况下,Boot Loader是预置好的,用户只需要写程序然后上传,而不用关心其它的问题。但在有些情况下,还是需要用户自己来烧录Boot Loader。例如,根据Arduino开源的电路图制造和焊接的开发版,使用前需要烧录Boot Loader才能正常工作。而一些国产的寨版,可能出现各种奇怪的问题,这时也可以尝试通过刷Boot Loader来解决。
烧录Boot Loader的方式有很多种。在Arduino IDE的菜单中,选择「工具」 → 「编程器」,即可查看官方支持的方法:

本文将介绍其中的一种方法:使用另一块Arduino开发版,作为ISP(即in-system programmer),来进行烧录。为了避免歧义,我们将功能正常的版称为「ISP板」,而需要烧录Boot Loader的版称为「坏板」。在具体的例子中,将一块「Arduino Leonardo」作为「ISP板」,一块「Arduino Mega 2560」作为「坏板」。

上传程序

将「ISP板」连接到电脑,并移除其它所有线缆。打开Arduino IDE,在菜单中选择「文件」 → 「示例」 → 「11.ArduinoISP」 → 「ArduinoISP」。这是一个将Arduino变为AVRISP的程序,将其编译上传到「ISP板」即可。

阅读全文 »

Charles是一个功能强大的抓包软件,而Proxifier可以将流量通过Socks5或http代理进行转发。两者配合起来,即可完成对于手机应用或者命令行应用的流量代理和分析。本文将介绍它们的下载、安装和破解方法。

Charles

Charles的官方下载页面是:https://www.charlesproxy.com/download/
完成下载后,将Charles拖进应用程序目录中。此时,一定要先启动一次,Charles会提示你这是试用版本,需要进行注册。随后,再根据此网页进行破解即可,注意要选择正确的版本:https://www.zzzmode.com/mytools/charles/
破解程序的源代码在此:https://github.com/8enet/Charles-Crack

Proxifier

Proxifier的官方下载页面是:http://www.proxifier.com/download/
安装方法类似,完成安装后打开Proxifier菜单栏中的Help → Registration,Name随便输入自己的即可,Key输入P427L-9Y552-5433E-8DSR3-58Z68。如果没有问题的话,注册成功,可以愉快地使用了。

QCAD是一个免费开源的二维CAD软件。不过,官方提供的免费下载版本并不是完整的——部分功能被锁定,需要购买Professional版本才能解锁。除此之外,还有一个非常麻烦的地方——每隔15分钟,软件都会强制退出,必须重启才能继续使用。如果当前正在进行的项目没有保存,可能就酿成悲剧了。对于工程制图而言,这可能是一个比鸭嘴笔把这个水弄到里面更加痛苦的事情。那么,有没有办法解除使用时间限制呢?答案是肯定的。不需要自己重新编译,只需要删除官方提供版本的一些动态库即可。

Windows

安装完成后,进入安装目录的plugins目录。这里面有7个dll格式的动态库。仅保留qcaddxf.dllqcadscripts.dll这两个,删除其它5个即可。

macOS

找到QCAD.app,右键点击,选择「显示包内容」。随后依次进入Contents和PlugIns目录。这里面有7个dylib格式的动态库。仅保留libqcaddxf.dyliblibqcadscripts.dylib这两个,删除其它5个即可。

Linux

Linux下也是类似的,删除对应的动态库即可,此处不再赘述。