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

Linux命令gzip


JavaScript 中的 null 值表示没有值或空引用。它是语言中的基本值之一，其他基本值还有 undefined、true 和 false。

你可以这样将 null 值赋给变量：

```js
let x = null
```

null 经常用来表示对象值的缺失。例如，你可以使用 null 来表示函数的结果缺失：

```js
function getUser(id) {
  let user = database.get(id)
  if (!user) {
    return null
  }
  return user
}

let user = getUser(123)
if (user === null) {
  console.log('用户未找到')
} else {
  console.log(user.name)
}
```

在上面的例子中，如果在数据库中未找到用户，函数 getUser() 将返回 null。

请注意，null 与 undefined 不同，undefined 表示没有值。在 JavaScript 中，未初始化的变量的默认值是 undefined，而 null 是可以赋值给变量的值。

你还可以使用 null 值将对象重置为初始状态：

```js
let obj = {a: 1, b: 2}
obj = null // obj 现在为 null
```

最后，你可以使用 typeof 运算符来检查一个值是否为 null。typeof 运算符对于 null 值会返回字符串 "object"：

```js
console.log(typeof null) // "object"
```

但是，这种行为被视为语言中的 bug，不会改变。建议只在对象值的上下文中使用 null


Javascript - Null


`child_process` 模块使我们在一个运行良好的子进程内运行一些能够进入操作系统的命令

## spawn

`spawn`创建一个子进程

语法：`spawn(command, [args], [options])`

```js
const {spawn} = require('child_process')
const fs = require('fs')

for (var i = 0; i < 3; i++) {
  var workerProcess = spawn('node', ['support.js', i])
  workerProcess.stdout.on('data', function (data) {
    console.log('stdout: ' + data)
  })
  workerProcess.stderr.on('data', function (data) {
    console.log('stderr: ' + data)
  })
  workerProcess.on('close', function (code) {
    console.log('child process exited with code ' + code)
  })
}
```

## exec

`exec`使用子进程执行命令，不缓存子进程的输出，并将子进程的输出以回调函数参数的形式返回

语法：`exec(command, [options], callback)`

```js support.js
console.log('进程 ' + process.argv[2] + ' 执行。')
```

```js master.js
const fs = require('fs')
const child_process = require('child_process')

for (var i = 0; i < 3; i++) {
  var workerProcess = child_process.exec(
    'node support.js ' + i,
    function (error, stdout, stderr) {
      if (error) {
        console.log(error.stack)
        console.log('Error code: ' + error.code)
        console.log('Signal received: ' + error.signal)
      }
      console.log('stdout: ' + stdout)
      console.log('stderr: ' + stderr)
    }
  )

  workerProcess.on('exit', function (code) {
    console.log('子进程已退出，退出码 ' + code)
  })
}
```

## fork

`fork`创建一个子进程，并在父进程中继续执行

语法：`fork(modulePath, [args], [options])`

```js support.js
console.log('进程 ' + process.argv[2] + ' 执行。')
```

```js master.js
const fs = require('fs')
const child_process = require('child_process')

for (var i = 0; i < 3; i++) {
  var worker_process = child_process.fork('support.js', [i])

  worker_process.on('close', function (code) {
    console.log('子进程已退出，退出码 ' + code)
  })
}
```

[Node.js 文档](http://nodejs.cn/api/child_process.html)


child_process 模块使我们在一个运行良好的子进程内运行一些能够进入操作系统的命令

Node.js - Child Process


**export**用于设置或显示环境变量。

## 使用方法

```bash
export TEST="test"
# TEST代表变量名，test代表变量值

export -n TEST
#-n参数代表一出TEST变量
```

## 参数：

- -f 　代表[变量名称]中为函数名称。
- -n 　删除指定的变量。变量实际上并未删除，只是不会输出到后续指令的执行环境中。
- -p 　列出所有的 shell 赋予程序的环境变量。


export用于设置或显示环境变量。

Linux命令export


Spacing（间距）是指在网页设计和排版中，用于描述元素（如文本、图片、容器等）之间的距离的一种概念。它可以通过 CSS 属性来设置，通常包括以下几种属性：

- margin（外边距）：用于设置元素与其它元素之间的距离，即元素外部空白区域与周围元素之间的距离。它可以设置四个方向的值，分别为 margin-top、margin-right、margin-bottom 和 margin-left。如果只设置一个值，它将被应用于所有四个方向；如果设置两个值，则第一个值应用于 top 和 bottom，第二个值应用于 left 和 right；如果设置三个值，则第一个值应用于 top，第二个值应用于 left 和 right，第三个值应用于 bottom。如果设置四个值，则分别应用于 top、right、bottom 和 left。
- padding（内边距）：用于设置元素内部空白区域与元素内容之间的距离，即元素内容区域与元素边界之间的距离。它可以设置四个方向的值，分别为 padding-top、padding-right、padding-bottom 和 padding-left。如果只设置一个值，它将被应用于所有四个方向；如果设置两个值，则第一个值应用于 top 和 bottom，第二个值应用于 left 和 right；如果设置三个值，则第一个值应用于 top，第二个值应用于 left 和 right，第三个值应用于 bottom。如果设置四个值，则分别应用于 top、right、bottom 和 left。
- line-height（行高）：用于设置文本行之间的距离，即每行文本的高度。它通常被用于控制段落和标题的行间距。它可以设置为一个无单位的数字值，表示倍数关系，如 1.5 表示当前字体大小的 1.5 倍；也可以设置为具有单位的像素或 em 等值。

除了这些属性外，还有一些其它的间距相关的属性，如：

- border-spacing：用于设置表格中的单元格之间的距离，即单元格边框之间的距离。
- grid-gap：用于设置网格布局中各个网格之间的距离，即网格行列之间的距离。
- column-gap：用于设置多列布局中各个列之间的距离，即列与列之间的距离。

以下是一个使用间距属性的示例代码，用于在网页中创建一个简单的图片库：

```html
<div class="image-gallery">
  <div class="image-container">
    <img src="image1.jpg" alt="Image 1">
  </div>
  <div class="image-container">
    <img src="image2.jpg" alt="Image 2">
  </div>
  <div class="image-container">
    <img src="image3.jpg" alt="Image 3">
  </div>
  <div class="image-container">
    <img src="image4.jpg" alt="Image 4">
  </div>
</div>
```

```css
.image-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.image-container {
  width: 200px;
  height: 200px;
  overflow: hidden;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
```

在这个示例中，我们使用了以下的间距相关属性：

- gap：用于设置元素之间的间距，这里用于设置图片之间的间距。
- width 和 height：用于设置图片容器的宽度和高度，这里设置为 200px，以便容纳图片。
- overflow：用于设置图片容器的溢出行为，这里设置为 hidden，以便保证图片不会溢出容器。
- object-fit：用于设置图片的填充方式，这里设置为 cover，以便让图片填充整个容器。

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


css - Spacing


## 变量

变量是一种使用方便的占位符，用于引用计算机内存地址。

swift 每个变量指定了特定的类型，类型决定变量占用内存的大小，也决定可存储值的范围。

变量名可以由字母、数字和下划线组成，以字母或下划线开始，且区分大小写。

变量名也可以使用简单的 Unicode 字符

变量和常量可以使用 print 函数输出，在字符串中可以使用括号与反斜线插入变量

```swift
// 变量声明
var variableName = <initial value>

//实例
import Cocoa

var a = 42
print(a) //输出42

var b:float
b = 3.1415926
print(b) //输出3.1415926

var _var = "hello swift"
var 你好 = "世界"
print(_var) // hello swift
print(你好) //世界

var name = "manon"

print("\(name)") //manon
```

标准 Swift 字符串使用双引号，但不能包含换行符，如果您想要多行字符串，使用三个双引号开始和结束，如下所示：

```swift
var str1 = """
This goes
over multiple
lines
"""
print(str1) // "This goes\nover multiple\nlines"
```

如果不希望显示`\`，应该如下写：

```swift
var str2 = """
This goes \
over multiple \
lines
"""
print(str2) //"This goes nover multiple nlines"
```

## 浮点和布尔值

Swift 中的另外两种基本数据类型是双精度和布尔值。

```swift
var pi = 3.141
var awesome = true
```

## 字符串插值

> 将变量放置在字符串中

```swift
var score = 85
var str = "Your score was \(score)"

var results = "The test results are here: \(str)"
```

## 常量

> 常量一旦赋值，不能再次赋值，否则会报错。

```swift
//声明
let _const = <initial value>
let _const:Float = 3.1415926

// 命名
和变量命名相同
// 输出
和变量命名相同
```

## 类型声明

在创建变量或常量的时候可以声明数据类型，如果没有，swift 将推导其数据类型，如下：

```swift
let str = "Hello, playground" //swift推导str为String

// 主动声明类型
let album: String = "Reputation"
let year: Int = 1989
let height: Double = 1.78
let taylorRocks: Bool = true
```

## 扩展

字符串是一系列字符的集合，比如`hello world`，它的数据类型为 String

```swift
import Cocoa
//创建字符串
var str1 = "hello world"
print(str1)

//空字符串
var str2 = ""
var str3 = " manon"
if str2.isEmpty() {
	print("str2 是空字符串")
}else{
	print("str2 不是空字符串")
}

// 连接字符串

var str4 = str1 + str3
print(str4) //"hello world manon"
print('str1和str3连接：\(str4)')

// 字符串长度
print(str4.count)

// 字符串比较
if str1==str2{
	print("\(str1) 与 \(str2)是相等的")
}else{
	print("\(str1) 与 \(str2)是不相等的")
}
```

字符串函数及运算符

- `isEmpty` 判断字符串是否为空，返回布尔值
- `hasPrefix` 检查字符串是否有特定的前缀
- `hasSuffix` 检查字符串是否有特定的后缀
- `Int` 转换字符串数字为整型
- `count` 计算字符串的长度
- `utf8、utf16` 遍历 String 的 utf8 属性访问 utf8、utf16 编码
- `unicodeScalars` 遍历 String 的 unicodeScalars 属性访问 Unicode 标量编码
- `+、+=、==、<、！=` 字符串操作符


swift 提供的数据类型包括：整形 Int、浮点数 Double 和 Float、布尔类型 Bool 以及字符串类型 String、Optional、Array、Dictionary、Struct、Class 等。

Simple Types - 变量、基本数据类型、字符串插值


ES6（ECMAScript 2015）引入了一些新的语法和功能来增强 JavaScript 中的函数。下面详细解释 ES6 中的一些函数相关的功能：

## 箭头函数（Arrow Functions）

箭头函数是一种更简洁的函数定义方式，它使用箭头语法（`=>`）来声明函数。

示例：

```javascript
// 传统函数定义方式
function sum(a, b) {
  return a + b
}

// 箭头函数定义方式
const sum = (a, b) => a + b
```

箭头函数有以下特点：

- 省略了 `function` 关键字和函数体的大括号，使得函数定义更加简洁。
- 如果函数体只有一条返回语句，可以省略 `return` 关键字。
- 它具有词法作用域绑定，没有自己的 `this`，`this` 的值继承自外层作用域。

## 默认参数值（Default Parameters）

默认参数值允许我们在函数定义中为参数指定默认值，当调用函数时未提供对应参数的值时，将使用默认值。

示例：

```javascript
function greet(name = 'Guest') {
  console.log(`Hello, ${name}!`)
}

greet() // 输出: Hello, Guest!
greet('John') // 输出: Hello, John!
```

在上述示例中，函数 `greet` 定义了一个默认参数 `name`，当调用函数时未提供 `name` 的值时，将使用默认值 `'Guest'`。

## 剩余参数（Rest Parameters）

剩余参数允许我们将不确定数量的参数收集到一个数组中，以便在函数体内进行处理。

示例：

```javascript
function sum(...numbers) {
  let total = 0
  for (let number of numbers) {
    total += number
  }
  return total
}

console.log(sum(1, 2, 3, 4, 5)) // 输出: 15
```

在上述示例中，函数 `sum` 使用剩余参数 `...numbers` 将传入的所有参数收集到一个名为 `numbers` 的数组中，然后对数组进行求和操作。

## 展开语法（Spread Syntax）

展开语法与剩余参数相反，它允许我们将一个数组或对象展开为独立的元素，可以在函数调用、数组字面量或对象字面量中使用。

示例：

```javascript
function greet(name1, name2, name3) {
  console.log(`Hello, ${name1}, ${name2}, ${name3}!`)
}

const names = ['John', 'Jane', 'Tom']
greet(...names) // 输出: Hello, John, Jane, Tom!
```

在上述示例中，我们使用展开语法 `...names` 将数组 `names` 展开为独立的元素，然后作为参数传递给函数 `greet`。

## 函数参数解构（Function Parameter Destructuring）

函数参数解构允许我们使用解构赋值的方式从传入的对象或数组中提取值作为函数的参数。

示例：

```javascript
function greet({name, age}) {
  console.log(`Hello, ${name}! You are ${age} years old.`)
}

const person = {
  name: 'John',
  age: 30
}

greet(person) // 输出: Hello, John! You are 30 years old.
```

在上述示例中，函数 `greet` 的参数使用了对象解构赋值的方式，从传入的 `person` 对象中提取 `name` 和 `age` 属性作为参数。

以上是 ES6 中一些函数相关的功能。这些功能使得函数的定义和使用更加灵活和简洁，并且提供了更多的工具来处理函数的参数和返回值。
