A "callback" is any function that is called by another function which takes the first function as a parameter. （在一个函数中调用另外一个函数就是callback）

Node.js - Callbacks


## 什么是闭包

作用：能够在函数定义的作用域外，使用函数定义作用域内的局部变量，并且不会污染全局。

原理：基于词法作用域链和垃圾回收机制，通过维持函数作用域的引用，让函数作用域可以在当前作用域外被访问到

```js
function foo() {
  var a = 'hzfe'
  function bar() {
    console.log(a)
  }
  return bar
}

var baz = foo()
baz() // hzfe
```

在这个例子中，函数 bar 作为返回值返回后，在自己定义的词法作用域以外的地方执行。一般来说，在函数 foo 执行后，通常会期待函数 foo 的整个内部作用域被引擎回收机制销毁。而闭包可以阻止这件事情的发生。事实上内部作用域依然存在，因为函数 bar 本身在使用，所以并不会被回收。

在 JavaScript 中，每当创建一个函数，闭包就会在函数创建的同时被创建出来。

## 闭包的应用

无论何时何地，如果将函数作为返回值，就会看到闭包在这些函数中的应用。在定时器，事件监听器，ajax 请求，跨窗口通信，web workers 或者任何其他的异步/同步任务中，只要使用了回调函数，实际上就是使用闭包。使用闭包的例子可以参考实现节流防抖函数。

```js
var a = 'hzfe'
;(function IIFE() {
  console.log(a)
})()
```

通常认为立即执行函数（IIFE）是典型的观察闭包的典型例子，但严格来说并不是。虽然创建了闭包，但没有体现出闭包的作用。因为函数并不是在它本身的词法作用域以外执行的。 它在定义时所在的作用域中执行，而非外部作用域。

## 扩展

- [闭包 MDN](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Closures)
- [垃圾回收机制](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Errors/Closed_Overlay_Requires_Arguments)
- [你不知道的 JavaScript](https://www.imooc.com/article/2907)


闭包


CSS（Cascading Style Sheets）是一种用于网页样式设计的语言。通过 CSS 样式表，可以控制网页中元素的颜色、大小、位置、字体、背景等外观样式，使得网页在视觉效果上更加美观和易于阅读。

下面是一些 CSS 的基本概念和语法：

1. 选择器
   选择器是用于选择网页中的元素的名称或标识符，例如标签名、类名、ID 等。选择器用于定义需要应用样式的元素。下面是一些常见的选择器：

标签选择器：使用 HTML 元素的标签名作为选择器，例如 p、h1、div 等。
类选择器：使用 .class 作为选择器，例如 .header、.content、.footer 等。
ID 选择器：使用 #id 作为选择器，例如 #logo、#nav 等。
属性选择器：使用元素的属性作为选择器，例如 [type="text"]、[href] 等。
伪类选择器：使用元素的特定状态作为选择器，例如 :hover、:active、:focus 等。

2. 属性和值
   属性是用于控制网页元素外观的特定属性，例如字体、颜色、大小、边框等。属性值用于设置属性的具体值，例如字体类型、颜色代码、像素值等。

例如，以下代码中的 color 属性设置文字颜色，font-size 属性设置文字大小：

```css
p {
  color: red;
  font-size: 16px;
}
```

3. 注释
   CSS 中的注释用于在样式表中添加注释或说明，这些注释不会被浏览器解析或显示在网页中。注释使用 /_ ... _/ 的语法。

```css
/* 这是一条注释 */
p {
  color: blue;
}
```

4. 层叠和继承
   CSS 中的层叠和继承是两个重要的概念。

层叠指的是当一个元素被多个选择器选中时，浏览器会按照一定的规则决定哪些样式将被应用到该元素上。这些规则包括选择器的特殊性、选择器的位置等。

继承指的是当一个元素应用样式时，它的子元素也会继承这些样式。例如，如果给 body 元素设置了字体大小，那么网页中的所有子元素都会继承这个字体大小，除非它们自己定义了字体大小。

5. [盒模型](/blog/css/01-Box20%Model)


css样式表是一种用于网页样式设计的语言。通过CSS样式表，可以控制网页中元素的颜色、大小、位置、字体、背景等外观样式，使得网页在视觉效果上更加美观和易于阅读。

css -  样式表


CSS 函数是一种可以接受参数并返回值的特殊类型的 CSS 值。CSS 函数可以用来计算、操作和转换属性值，使得开发者能够更方便地控制页面的样式和布局。以下是一些常见的 CSS 函数及其用途：

- calc()：用于在 CSS 中进行数学计算。例如，可以使用 calc() 函数将两个长度值相加，以便在布局时动态计算宽度或高度。
- var()：用于设置自定义属性值。可以在一个地方设置变量的值，然后在文档中的其他地方使用 var() 函数引用它们。
- rgb() 和 rgba()：用于设置颜色值。rgb() 函数使用红、绿、蓝三个参数来定义颜色，而 rgba() 函数则在此基础上增加了一个透明度参数，用于设置颜色的不透明度。
- hsl() 和 hsla()：类似于 rgb() 和 rgba()，但是使用的是色调、饱和度和亮度来定义颜色。
- url()：用于在 CSS 中引用外部资源，例如图像、字体或音频文件。可以将 url() 函数用作属性值，以指定需要加载的文件的路径和名称。
- attr()：用于在 CSS 中访问 HTML 元素的属性值。可以将 attr() 函数用作属性值，以从 HTML 元素中提取属性值并将其应用于样式。
- min() 和 max()：用于确定给定值的最小值和最大值。这些函数可以用于计算长度、宽度和其他尺寸相关的值。


## 函数选择器

CSS 函数选择器是一种特殊的选择器，它可以根据元素的属性值来匹配元素。函数选择器的语法如下：

```css
.post :is(h1, h2, h3) {
	line-height: 1.2;
}
```

其中，selector 是一个 CSS 选择器，function 是一个 CSS 函数。函数选择器的作用是，当元素的属性值与函数的返回值相匹配时，就会应用选择器中的样式。

## 自定义变量

CSS 自定义属性（Custom Properties）是一种特殊的属性，它可以用来定义变量。自定义属性的语法如下：

```css
:root {
  --main-color: #f00;
}

.my-element {
	background: var(--main-color);
}
```

其中，--main-color 是自定义属性的名称，#f00 是自定义属性的值。自定义属性的名称必须以两个连字符开头，然后是一个或多个字母、数字或连字符。自定义属性的值可以是任何有效的 CSS 值，包括颜色、长度、百分比、URL、函数等。

## attr() 函数

attr() 函数用于在 CSS 中访问 HTML 元素的属性值。可以将 attr() 函数用作属性值，以从 HTML 元素中提取属性值并将其应用于样式。

```html
<a href="https://www.w3school.com.cn" class="my-link">W3School</a>
```

```css
.my-link {
  color: attr(href);
}
```

上面的代码中，attr() 函数用于获取 a 元素的 href 属性值，并将其作为颜色值。由于 a 元素的 href 属性值为 https://www.w3school.com.cn，因此 a 元素的颜色为蓝色。

## color() 函数

color() 函数用于在 CSS 中定义颜色。color() 函数的语法如下：

```css
color(<color-value> [ / <alpha-value> ]? )
```

其中，color-value 是颜色值，alpha-value 是透明度值。color-value 可以是以下任意一种：

- 十六进制颜色值，例如 #f00、#ff0000 或 #ff0000ff。
- RGB 颜色值，例如 rgb(255, 0, 0) 或 rgba(255, 0, 0, 1)。
- HSL 颜色值，例如 hsl(0, 100%, 50%) 或 hsla(0, 100%, 50%, 1)。
- 颜色关键字，例如 red、green 或 blue。

alpha-value 是一个介于 0 和 1 之间的数值，用于设置颜色的不透明度。如果省略 alpha-value，则默认值为 1。

## calc() 函数

calc() 函数用于在 CSS 中进行数学计算。例如，可以使用 calc() 函数将两个长度值相加，以便在布局时动态计算宽度或高度。

```css
.my-element {
  width: calc(100% - 20px);
}
```

上面的代码中，calc() 函数用于计算 100% 减去 20px 的值，然后将结果作为宽度值。由于 100% 减去 20px 的值为 80%，因此 .my-element 元素的宽度为 80%。

## min() 和 max() 函数

min() 和 max() 函数用于确定给定值的最小值和最大值。这些函数可以用于计算长度、宽度和其他尺寸相关的值。

```css
.my-element {
  width: min(100%, 200px);
}
```

上面的代码中，min() 函数用于计算 100% 和 200px 两个值的最小值，然后将结果作为宽度值。由于 100% 和 200px 两个值的最小值为 100%，因此 .my-element 元素的宽度为 100%。

## clamp() 函数

clamp() 函数用于限制给定值的范围。clamp() 函数的语法如下：

```css
clamp(<min>, <value>, <max>)
```

其中，min 是最小值，value 是给定值，max 是最大值。clamp() 函数的作用是，如果给定值小于最小值，则返回最小值；如果给定值大于最大值，则返回最大值；否则，返回给定值。

```css
.my-element {
  width: clamp(100px, 50%, 200px);
}
```

上面的代码中，clamp() 函数用于限制 50% 的值的范围，使其不小于 100px，也不大于 200px。由于 50% 的值为 50px，因此 .my-element 元素的宽度为 100px。

## 图形函数

CSS 图形函数用于在 CSS 中定义图形。CSS 图形函数的语法如下：

```css
<shape>(<shape-box> [, <shape-box>]*)
```

其中，shape 是图形函数的名称，shape-box 是图形函数的参数。shape-box 可以是以下任意一种：

- 关键字值：inset、circle、ellipse、polygon、path。
- 坐标值：top、right、bottom、left、center、x-start、x-end、y-start、y-end、length、percentage。
- 关键字值：content-box、padding-box、border-box、margin-box。

## 变形函数

CSS 变形函数用于在 CSS 中定义变形。CSS 变形函数的语法如下：

```css
<transform-function>(<transform-argument> [, <transform-argument>]*)
```

其中，transform-function 是变形函数的名称，transform-argument 是变形函数的参数。transform-argument 可以是以下任意一种：

- 关键字值：none、matrix、matrix3d、translate、translate3d、translateX、translateY、translateZ、scale、scale3d、scaleX、scaleY、scaleZ、rotate、rotate3d、rotateX、rotateY、rotateZ、skew、skewX、skewY、perspective。
- 数值：number、length、percentage、angle。

## 过渡函数

CSS 过渡函数用于在 CSS 中定义过渡。CSS 过渡函数的语法如下：

```css
<transition-timing-function>(<transition-timing-function-argument> [, <transition-timing-function-argument>]*)
```

其中，transition-timing-function 是过渡函数的名称，transition-timing-function-argument 是过渡函数的参数。transition-timing-function-argument 可以是以下任意一种：

- 关键字值：linear、ease、ease-in、ease-out、ease-in-out、step-start、step-end、steps、cubic-bezier。
- 数值：number、length、percentage、angle。

## 过滤函数

CSS 过滤函数用于在 CSS 中定义过滤。CSS 过滤函数的语法如下：

```css
<filter-function>(<filter-argument> [, <filter-argument>]*)
```

其中，filter-function 是过滤函数的名称，filter-argument 是过滤函数的参数。filter-argument 可以是以下任意一种：

- 关键字值：blur、brightness、contrast、drop-shadow、grayscale、hue-rotate、invert、opacity、saturate、sepia。
- 数值：number、length、percentage、angle。

## 混合模式函数

CSS 混合模式函数用于在 CSS 中定义混合模式。CSS 混合模式函数的语法如下：

```css
<blend-mode>(<blend-mode-argument> [, <blend-mode-argument>]*)
```

其中，blend-mode 是混合模式函数的名称，blend-mode-argument 是混合模式函数的参数。blend-mode-argument 可以是以下任意一种：

- 关键字值：normal、multiply、screen、overlay、darken、lighten、color-dodge、color-burn、hard-light、soft-light、difference、exclusion、hue、saturation、color、luminosity。
- 数值：number、length、percentage、angle。

## 生成内容函数

CSS 生成内容函数用于在 CSS 中定义生成内容。CSS 生成内容函数的语法如下：

```css
<content-function>(<content-argument> [, <content-argument>]*)
```

其中，content-function 是生成内容函数的名称，content-argument 是生成内容函数的参数。content-argument 可以是以下任意一种：

- 关键字值：attr、counter、counters、open-quote、close-quote、no-open-quote、no-close-quote。
- 数值：number、length、percentage、angle。

## 计数器函数

CSS 计数器函数用于在 CSS 中定义计数器。CSS 计数器函数的语法如下：

```css
<counter-function>(<counter-argument> [, <counter-argument>]*)
```

其中，counter-function 是计数器函数的名称，counter-argument 是计数器函数的参数。counter-argument 可以是以下任意一种：

- 关键字值：counter、counters。
- 数值：number、length、percentage、angle。



css - Functions


“gunzip”命令的快速指南，用于解压缩 gzip 文件。

**gunzip**命令基本上等同于**gzip**命令，但默认情况-d 选项始终处于启用状态。

## 使用方法

```bash
gunzip filename.gz
```

这将**gunzip**并删除**.gz**扩展名，将结果放入文件名文件中。如果该文件存在，它将覆盖该文件。

可以使用-c 选项使用输出重定向将其提取到其他文件名：

```bash
gunzip -c filename.gz > anotherfilename
```

gunzip 命令可以在 Linux、macOS、WSL 和任何有 UNIX 环境的地方使用

## 参数

- `-a 或--ascii` 　使用 ASCII 文字模式。
- `-c 或--stdout` 或--to-stdout 　把解压后的文件输出到标准输出设备。
- `-f 或-force` 　强行解开压缩文件，不理会文件名称或硬连接是否存在以及该文件是否为符号连接。
- `-h 或--help` 　在线帮助。
- `-l 或--list` 　列出压缩文件的相关信息。
- `-L 或--license` 　显示版本与版权信息。
- `-n 或--no-name` 　解压缩时，若压缩文件内含有远来的文件名称及时间戳记，则将其忽略不予处理。
- `-N 或--name` 　解压缩时，若压缩文件内含有原来的文件名称及时间戳记，则将其回存到解开的文件上。
- `-q 或--quiet` 　不显示警告信息。
- `-r 或--recursive` 　递归处理，将指定目录下的所有文件及子目录一并处理。
- `-S<压缩字尾字符串>或--suffix<压缩字尾字符串> `　更改压缩字尾字符串。
- `-t 或--test` 　测试压缩文件是否正确无误。
- `-v 或--verbose` 　显示指令执行过程。
- `-V 或--version` 显示版本信息。


“gunzip”命令的快速指南，用于解压缩gzip文件。

Linux命令gunzip


使用`BETWEEN`运算符将一个值与一系列值进行匹配

## 语法

```sql
value BETWEEN low AND high
```

如果`value`在`low`和`high`之间，则返回`TRUE`，否则返回`FALSE`。

`BETWEEN`可以使用大于等于和小于等于运算符，但是不能使用`LIKE`运算符。

```sql
value >= low and value <= high
```

检查是否超出范围，可以使用`NOT`和`BETWEEN`组合运算符。

```sql
value NOT BETWEEN low AND high
```

等价于

```sql
value < low OR value > high
```

## 示例

使用`BETWEEN`查询金额是否在 8 和 9 之间。

```sql
SELECT
	customer_id,
	payment_id,
	amount
FROM
	payment
WHERE
	amount BETWEEN 8 AND 9;
```

![x42PKI](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/x42PKI.jpg)

查询金额不在 8 和 9 之间。

```sql
SELECT
	customer_id,
	payment_id,
	amount
FROM
	payment
WHERE
	amount NOT BETWEEN 8 AND 9;
```

![Fx8VVk](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/Fx8VVk.jpg)


使用 Postgresql BETWEEN 检索查询是否处于列表区间。

Postgresql - BETWEEN


PostgreSQL 中的自连接是一种连接方式，可以让您将表连接到自身。当您有一个包含层次数据的表时，这很有用，比如员工表包含一个参考员工经理的 manager_id 列。

要执行自连接，首先在 SELECT 语句的 FROM 子句中指定要连接到自身的表。然后，您可以给表分配两个不同的别名，比如 a 和 b，以区分连接条件中的两个表实例。

例如，假设您有一个 employee 表，具有以下列： id、name 和 manager_id。要获取所有员工及其经理的列表，可以使用以下自连接查询：

```sql
SELECT a.name AS employee_name, b.name AS manager_name
FROM employee a
JOIN employee b ON a.manager_id = b.id
```

该查询将返回两列的结果集：employee_name 和 manager_name。结果集中的每一行都包含一个员工的姓名和他们的经理的姓名。

自连接可以非常强大，因为它可以轻松地在数据库中处理层次数据。但是，它们也可能很难编写和理解，因此在使用自连接查询前，要仔细考虑是否自连接是问题的最佳解决方案。


PostgreSQL 中的自连接是一种连接方式，可以让您将表连接到自身