数组去重


回调是函数的异步等价物，在每个任务完成时调用它。

在 Node.js 中，回调通常被使用。Node 的所有 api 都是以支持回调的方式编写的。

例如: 当一个函数开始读取文件时，它会立即将控件返回给执行环境，以便执行下一条指令。

在 Node.js 中，一旦文件 i/o 完成，它将调用回调函数。因此没有阻塞或等待文件 i/o。

这使得 Node.js 具有高度的可伸缩性，因为它可以处理大量的请求，而无需等待任何函数返回结果。

## 同步获取文件内容

```js
var fs = require('fs')
var data = fs.readFileSync('input.txt')
console.log(data.toString())
console.log('Program 已经结束')
```

## 异步获取文件内容

```js
var fs = require('fs')

fs.readFile('input.txt', function (err, data) {
  if (err) return console.error(err)
  console.log(data.toString())
})
console.log('Program 已经结束')
```


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

Node.js - Callbacks


Go 是一种强类型的编程语言，因此在使用变量时需要明确指定其类型。变量是用于存储数据的容器，可以在程序执行的过程中被修改。在 Go 中，变量需要先声明后使用，可以使用 var 关键字来声明变量并指定其类型，也可以使用 := 运算符来进行简化声明。
以下是一些关于 Go 变量的详细解释：

## 变量声明

使用 var 关键字可以声明一个变量，语法如下：

```go
var variable_name data_type
```

例如，以下代码声明了一个整型变量 x 和一个字符串变量 s：

```go
var x int
var s string
```

变量声明时也可以初始化变量的值，例如：

```go
var x int = 5
var s string = "Hello, World!"
```

同时也可以使用 := 运算符来简化变量的声明和初始化，例如：

```go
x := 5
s := "Hello, World!"
```

注意：使用 := 运算符时，变量的类型会由编译器自动推断出来。

## 变量赋值

使用赋值运算符 = 可以将一个值赋给一个变量。例如：

```go
x := 5
x = 10
```

在赋值时，变量的类型必须与赋给它的值的类型相同，否则会报错。

## 变量类型

在 Go 中，每个变量都必须有一个类型。常见的类型包括整型（int）、浮点型（float）、字符串（string）、布尔型（bool）等。例如：

```go
var x int
var f float64
var s string
var b bool
```

同时，Go 也支持使用类型别名来定义自己的类型。例如：

```go
type myInt int
var x myInt
```

## 多个变量声明

可以同时声明多个变量，例如：

```go
var x, y int
var s1, s2 string
```

在同时声明多个变量时，可以使用 := 运算符来简化，例如：

```go
x, y := 1, 2
s1, s2 := "Hello", "World"
```

## 常量

与变量类似，常量也是用于存储数据的容器，但是它们的值在程序执行期间不能被修改。在 Go 中，使用 const 关键字来声明常量，例如：

```go
const pi float64 = 3.14159265358979323846
const daysOfWeek = 7
```

在声明常量时，可以不指定类型，编译器会根据常量的值自动推断类型，例如：

```go
const pi = 3.14159265358979323846
const daysOfWeek = 7
```

常量的值必须在编译时就能确定，不能在运行时修改。


Go - 变量、类型、常量


颜色是设计中一个非常重要的元素，对于网站、移动应用、平面设计、产品设计等多个领域都有着至关重要的作用。在 Web 设计中，我们通常使用 CSS 来定义颜色。

CSS 中，颜色的表示方法有以下几种：

- 关键词表示法：通过关键词来表示颜色，如 red、green、blue 等。这种方法简单易懂，但是可用的关键词数量有限，且颜色表达不够精确。
- 十六进制表示法：通过三个或六个十六进制数值来表示颜色，如 #FF0000 表示红色。这种方法可以表示任何颜色，且具有较高的精确度和灵活性，是 Web 设计中最常用的颜色表示方法之一。
- RGB 表示法：通过三个 RGB 值来表示颜色，如 rgb(255, 0, 0) 表示红色。这种方法也可以表示任何颜色，与十六进制表示法相比，更易于计算和调整。
- RGBA 表示法：与 RGB 表示法类似，但是增加了一个 alpha 通道，用于表示颜色的透明度。如 rgba(255, 0, 0, 0.5) 表示半透明的红色。
- HSL 表示法：通过色相（Hue）、饱和度（Saturation）、亮度（Lightness）三个值来表示颜色，如 hsl(0, 100%, 50%) 表示红色。这种方法更接近人类感知颜色的方式，也更容易理解和调整。
- HSLA 表示法：与 HSL 表示法类似，但是增加了一个 alpha 通道，用于表示颜色的透明度。如 hsla(0, 100%, 50%, 0.5) 表示半透明的红色。

以上就是 CSS 中常用的颜色表示方法。除了这些方法，还有其他一些颜色表示方法，如系统色、渐变色等，但在 Web 设计中应用较少。在实际设计中，我们需要根据设计需求和效果选择最合适的颜色表示方法。

## 案例

使用十六进制表示法定义背景颜色：

```css
body {
  background-color: #f7df1e; /* 黄色 */
}
```

使用 RGB 表示法定义字体颜色：

```css
h1 {
  color: rgb(255, 0, 0); /* 红色 */
}
```

使用 HSLA 表示法定义边框颜色和透明度：

```css
div {
  border: 2px solid hsla(240, 100%, 50%, 0.5); /* 半透明的蓝色边框 */
}
```

使用关键词表示法定义按钮颜色：

```css
button {
  background-color: deepskyblue; /* 深天蓝色 */
  color: white; /* 白色文字 */
}
```

使用渐变色定义背景颜色：

```css
body {
  background-image: linear-gradient(
    to bottom,
    #2980b9,
    #6dd5fa,
    #ffffff
  ); /* 从上到下渐变色背景 */
}
```


css - Color


Vue 有很多内置指令，比如`v-for`、`v-if`，我们可以自定义类似的指令。

一个简单的自定义指令`v-bg-color`

```vue
<template>
  <h1 v-bg-color="'skyblue'">This background is blue</h1>
</template>
```

```js
import {createApp} from 'vue'
const app = createApp({})

app.directive('bg-color', {
  mounted(el, {value}) {
    // Update the background color
    el.style.background = value
  }
})
```


Vue有很多内置指令，比如v-for、v-if

自定义指令


<CanIUse tag="template-literals" />

## 语法

```js
// Basic literal string creation
;`In JavaScript '\n' is a line-feed.` // Multiline strings
`In JavaScript this is
 not legal.`

// String interpolation
var name = 'Bob',
  time = 'today'
;`Hello ${name}, how are you ${time}?`

// Construct an HTTP request prefix is used to interpret the replacements and construction
POST`http://foo.org/bar?a=${a}&b=${b}
     Content-Type: application/json
     X-Credentials: ${credentials}
     { "foo": ${foo},
       "bar": ${bar}}`(myOnReadyStateChangeHandler)
```

模板字符串使用反引号 (` `) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法（$\{expression}）的占位符。占位符中的表达式和周围的文本会一起传递给一个默认函数，该函数负责将所有的部分连接起来，如果一个模板字符串由表达式开头，则该字符串被称为带标签的模板字符串，该表达式通常是一个函数，它会在模板字符串处理后被调用，在输出最终结果前，你都可以通过该函数来对模板字符串进行操作处理。在模版字符串内使用反引号（`）时，需要在它前面加转义符（\）。

## 原始字符串

在标签函数的第一个参数中，存在一个特殊的属性 raw ，我们可以通过它来访问模板字符串的原始字符串，而不经过特殊字符的替换。

```js
function quux(strings, ...values) {
  strings[0] === 'foo\n'
  strings[1] === 'bar'
  strings.raw[0] === 'foo\\n'
  strings.raw[1] === 'bar'
  values[0] === 42
}
quux`foo\n${42}bar`

String.raw`foo\n${42}bar` === 'foo\\n42bar'
```

## 对比

```js
// es5
var classes = 'header'
classes += isLargeScreen()
  ? ''
  : item.isCollapsed
  ? ' icon-expander'
  : ' icon-collapser'

// es2015
const classes = `header ${
  isLargeScreen() ? '' : item.isCollapsed ? 'icon-expander' : 'icon-collapser'
}`
```


传统的JavaScript语言中，输出模板经常使用的是字符串拼接的形式，这样写相当繁琐，在ES6中引入了模板字符串的概念来解决以上问题。

模板字符串


`Query String` 用于解析和格式化网址查询字符串。

## 使用

```js
const querystring = require('querystring') // querystring目前仍在开发中，不推荐使用，推荐使用`URLSearchParams`
```

## 方法

- `querystring.parse(str, sep, eq, options)`: 解析字符串为对象
- `querystring.stringify(obj, sep, eq, options)`: 格式化对象为字符串
- `querystring.escape(str)`: 转义字符串
- `querystring.unescape(str)`: 反转义字符串
- `querystring.decode(str)`: 解码字符串
- `querystring.encode(obj)`: 编码对象为字符串

querystring.parse

```js
const querystring = require('querystring')
const str = 'name=zfpx&age=6'
const obj = querystring.parse(str)
console.log(obj) // { name: 'zfpx', age: '6' }
```

querystring.stringify

```js
const querystring = require('querystring')
const obj = {name: 'zfpx', age: 6}
const str = querystring.stringify(obj)
console.log(str) // name=zfpx&age=6
```

querystring.escape

```js
const querystring = require('querystring')
const str = 'name=zfpx&age=6'
const str2 = querystring.escape(str)
console.log(str2) // name%3Dzfpx%26age%3D6
```

querystring.unescape

```js
const querystring = require('querystring')
const str = 'name%3Dzfpx%26age%3D6'
const str2 = querystring.unescape(str)
console.log(str2) // name=zfpx&age=6
```

querystring.decode

```js
const querystring = require('querystring')
const str = 'name=zfpx&age=6'
const obj = querystring.decode(str)
console.log(obj) // { name: 'zfpx', age: '6' }
```

querystring.encode

```js
const querystring = require('querystring')
const obj = {name: 'zfpx', age: 6}
const str = querystring.encode(obj)
console.log(str) // name=zfpx&age=6
```

[Node.js 官方文档](https://nodejs.org/api/querystring.html)


query string 用于解析和格式化网址查询字符串