CSS 揭秘摘抄

9月 07, 2016

需要配合使用 background-clip ，描述如下：

value	description
border-box	The background extends to the outside edge of the border (but underneath the border in z-ordering).
padding-box	No background is drawn below the border (background extends to the outside edge of the padding).
content-box	The background is painted within (clipped to) the content box.
text	The background is painted within (clipped to) the foreground text.

继续阅读

ES6 多重继承

8月 03, 2016 已分类前端记录

很多时候，我们需要多重继承来实现组合多个类行为，比如下面的例子

1 2	class Person { ··· } class Employee extends Person { ··· }

class Storage {
    save(database) { ··· }
}
class Validation {
    validate(schema) { ··· }
}

1 2	// Invented ES6 syntax: class Employee extends Storage, Validation, Person { ··· }

但时可悲的是，ES6 中只支持一个继承的对象。

好在，我们可以使用动态对象的方法来实现多重继承的功能。

继续阅读

5月 18, 2016

很多时候为了保证服务器的安全，一般不允许直接用外网进行 SSH 终端登录，大部分时候会有一个建立一个内网 VPN 或者跳板机，透过这一层网络环境连接目标终端。

如果是使用的跳板机，那么每次目标终端的登录和文件传输都会增加操作的复杂性，不过我们可以通过 SSH 的 -W [host:port] 命令进行代理。

继续阅读