MrBird

自定义jQuery选择器

2017-05-03

jQuery自身提供了许多选择器，除此之外其还允许我们自定义选择器。下面这种自定义选择器的方法仅适用于1.8及其以后的版本。考虑有如下html片段：

<ul class="levels">
    <li data-level="1" data-points="1" data-technologies="javascript node grunt">Level 1</li>
    <li data-level="2" data-points="10" data-technologies="jquery requirejs">Level 2</li>
    <li data-level="3" data-points="100" data-technologies="php composer">Level 3</li>
    <li data-level="4" data-points="1000" data-technologies="javascript jquery">Level 4</li>
</ul>

假如我们需要选择出data-level属性值大于2，data-points大于100并且data-technologies属性包含”jquery”的li，传统的做法是：

canvas与渐变色

2017-05-02

线性渐变

绘制线性渐变，需要用到图形上下文的createLinearGradient方法来创建gradient对象，方法签名如下：

1	var gradient = context.createLinearGradient(x0,y0,x1,y1);

(x0,y0)为渐变起始点的坐标，(x1,y1)为渐变结束的的坐标。

接下来需要指定渐变的颜色，可以通过gradient对象的addColorStop方法来设定，方法签名如下：

1	gradient.addColorStop(stop,color);

其中stop为介于 0.0 与 1.0 之间的值，表示渐变中开始与结束之间的位置；color为绘制时使用的颜色。

最后需要做的就是将gradient对象赋予给fillStyle属性：

1	context.fillStyle = gradient;

canvas绘制简单图形

2017-04-27

canvas是HTML5中专门用来绘制图形的元素。在页面上放置一个canvas元素就相当于创建了一个画布。绘制过程由JS脚本完成。首先在页面上添加一个canvas元素：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html5</title>
</head>
<body>
    <canvas id="canvas" width="500" height="400"/>
</body>
</html>

Linux打包指令tar

2017-04-17

gzip, bzip2, xz 也能够针对目录来进行压缩，不过它们都是对目录下的文件逐个压缩的。而tar指令则可以将这些文件先打包成一个大文件，然后再进行压缩操作。

仅用tar命令打包不压缩的文件，称为tarfile，既打包又压缩的文件，如file.tar.gz则成为tarball。

tar指令的选项非常多，一般只是用几个常用的，基本语法如下：

Linux常用压缩指令

2017-04-17

Linux 上常见的压缩指令有 gzip，bzip2 以及最新的 xz。压缩率从高到低为xz，bzip2，gzip。压缩率越高，压缩所花的时间就越长。所以实际工作中需要根据具体情况在压缩率和压缩时间中做出抉择。

以下为几个常见的压缩文件扩展名：

*.Z         compress 程序压缩的文件；
*.zip       zip 程序压缩的文件；
*.gz        gzip 程序压缩的文件；
*.bz2       bzip2 程序压缩的文件；
*.xz        xz 程序压缩的文件；
*.tar       tar 程序打包的数据，并没有压缩过；
*.tar.gz    tar 程序打包的文件，其中并且经过 gzip 的压缩
*.tar.bz2   tar 程序打包的文件，其中并且经过 bzip2 的压缩
*.tar.xz    tar 程序打包的文件，其中并且经过 xz 的压缩

一些JS技巧[转]

2017-04-17

使用+将字符串转换成数字

这个技巧非常有用，其非常简单，可以交字符串数据转换成数字，不过其只适合用于字符串数据，否则将返回NaN，比如下面的示例：

function toNumber(strNumber) {
    return +strNumber;
}
console.log(toNumber("1234")); // 1234
console.log(toNumber("ACB")); // NaN

这个也适用于 Date，在本例中，它将返回的是时间戳数字：

1	console.log(+new Date()) // 1461288164385

Linux文件与指令搜索

2017-04-14

当我们要对Linux下的某个文件做修改的时候，必须先知道文件的位置，这时候就可以使用文件搜索指令来完成。而指令的搜索则可以知道该指令文件的实际存放位置。

指令搜索

which

通过which可以知道指令的完整文件名放在哪里。语法：

1
2
3

which [-a] command
选项或参数：
-a ：将所有由 PATH 目录中可以找到的指令均列出，而不止第一个被找到的指令名称

Linux文件预设权限umask

2017-04-13

当我们在Linux下创建一个新的目录或文件的时候，它都会有个默认的权限。这个权限的设定和umask有关，umask指的是：目前用户在建立文件或目录时候的权限默认值。

查阅当前用户umask方式有两种，一种可以直接输入 umask ，就可以看到数字型态的权限设定分数，一种则是加入 -S (Symbolic) 这个选项，就会以符号类型的方式来显示出权限了：

root@ubuntu:~# umask
0022
root@ubuntu:~# umask -S
u=rwx,g=rx,o=rx