css - Lists


```bash
npm install @next/bundle-analyzer -D
```

修改`next.config.js`

```js
const withBundleAnalyzer = require('@next/bundle-analyzer')({
  enabled: process.env.ANALYZE === 'true'
})

module.exports = withBundleAnalyzer({
  //...other config
})
```

```bash
ANALYZE=true npm run build
```

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

修改`package.json`

```json
{
  "scripts": {
    "analyze": "ANALYZE=true next build"
  }
}
```

`npm run analyze`


Next.js - Integrate Bundle Analyzer


## Go 介绍

Go 也称为 Golang，是 Google 开发的一种开源，编译和静态类型的编程语言。Go 创作背后的关键人物是 Rob Pike， Ken Thompson 和 Robert Griesemer。Go 于 2009 年 11 月公开发布。

Go 是一种通用的编程语言，具有简单的语法，并具有强大的标准库作为后盾。Go 大放异彩的关键领域之一是创建高可用性和可伸缩性的 Web 应用程序。Go 还可以用于创建命令行应用程序，桌面应用程序甚至移动应用程序。

## Go 优点

当大量其他语言（例如 python，ruby，nodejs ...）执行相同的工作时，为什么选择 Go 作为服务器端编程语言。

这是我选择 Go 时发现的一些优点。

### 简单语法

语法简单明了，并且该语言不会因不必要的功能而肿。这使得编写可读性和可维护性的代码变得容易。

### 易于编写并发程序

并发是语言的固有部分。结果，编写多线程程序简直是小菜一碟。这是通过 Goroutines 和渠道实现的，我们将在接下来的教程中对其进行讨论。

### 编译语言

Go 是一种编译语言。源代码被编译为本地二进制文件。解释语言（例如，nodejs 中使用的 JavaScript）缺少此功能。

### 快速编译

Go 编译器非常神奇，并且从一开始就被设计为快速的。

### 静态链接

Go 编译器支持静态链接。整个 Go 项目可以静态链接到一个大的二进制文件中，并且可以轻松部署在云服务器中，而不必担心依赖关系。

### Go 工具

工具在 Go 中值得特别提及。Go 附带了功能强大的工具，可帮助开发人员编写更好的代码。很少有常用的工具是

- gofmt- gofmt 用于自动格式化 go 源代码。它使用制表符进行缩进，并使用空格进行对齐。
- vet- vet 分析 go 源代码并报告可能的可疑代码。vet 报告的所有内容都不是真正的问题，但是具有捕获编译器未报告的错误的能力，例如使用 Printf 时格式不正确的说明符。
- golint- golint 用于识别代码中的样式问题。

### 垃圾收集

Go 使用垃圾回收，因此内存管理几乎会自动执行，开发人员无需担心内存管理问题。这也有助于轻松地编写并发程序。

### 简单语言规范

语言规范非常简单。在整个规范在页面千篇一律，你甚至可以用它来写你自己的编译器:)

### 开源的

最后但并非最不重要的一点是，Go 是一个开源项目。您可以参与 Go 项目并为该项目做出贡献。

## 使用 Go 构建的热门产品

以下是一些使用 Go 构建的流行产品。

- Google 使用 Go 开发了 Kubernetes。
- Docker 是世界著名的容器化平台，是使用 Go 开发的。
- Dropbox 已将其性能关键组件从 Python 迁移到 Go。
- Infoblox 的下一代网络产品是使用 Go 开发的。

## 安装

Go 可以安装在 Mac，Windows 和 Linux 这三个平台上。您可以从https://golang.org/dl/下载对应平台的二进制文件

### Mac

从https://golang.org/dl/下载Mac OS 安装程序。双击开始安装。按照提示进行操作，这会将 Golang 安装在/usr/local/go 中，并且还将文件夹/usr/local/go/bin 添加到 PATH 环境变量中。

```bash
# if you don't have git install it like so:
brew install git

# then install go
brew install go

# add GOBIN path to your PATH in ~/.bash_profile
export PATH=${HOME}/go/bin:$PATH
```

### Windows

从https://golang.org/dl/下载MSI安装程序。双击开始安装，然后按照提示进行操作。这会将Go安装在位置c:\Go，还将目录c:\Go\ bin 添加到您的路径环境变量中。

### Linux

从https://golang.org/dl/下载tar文件并将其解压缩到/usr/local。

将/usr/local/go/bin 添加到 PATH 环境变量中。

## 验证安装

要验证 Go 安装是否成功，请 go version 在终端中键入命令，它将输出已安装的 Go 版本。这是我终端的输出。

```bash
$ go version
go version go1.13.6 darwin/amd64
```


Go - 简介


在 Postgresql 中，FULL OUTER JOIN 是一种结合左外连接和右外连接结果的连接类型。它返回左表中的所有行和右表中的所有行，包括在 ON 子句中不匹配的行。FULL OUTER JOIN 在想要在最终结果集中包含两个表中不匹配的行时非常有用。

以下查询使用`INNER JOIN`表连接到自身的查询

```sql
SELECT select_list
FROM table_name t1
INNER JOIN table_name t2 ON join_predicate;
```

此外还可以使用`LEFT JOIN`或`RIGHT JOIN`将表连接到自身：

```sql
SELECT select_list
FROM table_name t1
LEFT JOIN table_name t2 ON join_predicate;
```

## 示例

### 查询分层数据

假设有以下组织结构

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

创建`employee`表并将一些数据插入表中

```sql
CREATE TABLE employee (
	employee_id INT PRIMARY KEY,
	first_name VARCHAR (255) NOT NULL,
	last_name VARCHAR (255) NOT NULL,
	manager_id INT,
	FOREIGN KEY (manager_id)
	REFERENCES employee (employee_id)
	ON DELETE CASCADE
);
INSERT INTO employee (
	employee_id,
	first_name,
	last_name,
	manager_id
)
VALUES
	(1, 'Windy', 'Hays', NULL),
	(2, 'Ava', 'Christensen', 1),
	(3, 'Hassan', 'Conner', 1),
	(4, 'Anna', 'Reeves', 2),
	(5, 'Sau', 'Norman', 2),
	(6, 'Kelsie', 'Hays', 3),
	(7, 'Tory', 'Goff', 3),
	(8, 'Salley', 'Lester', 3);
```

使用自连接查询谁向谁报告

```sql
SELECT
    e.first_name || ' ' || e.last_name employee,
    m .first_name || ' ' || m .last_name manager
FROM
    employee e
INNER JOIN employee m ON m .employee_id = e.manager_id
ORDER BY manager;
```

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

以上查询两次引用`employee`表，一次作为雇员，另一次作为经理，通过匹配`employee_id`和`manager_id`查找雇员/经理对

使用`LEFT JOIN`instead of`INNER JOIN`查询结果集中包含最高管理者

```sql
SELECT
    e.first_name || ' ' || e.last_name employee,
    m .first_name || ' ' || m .last_name manager
FROM
    employee e
LEFT JOIN employee m ON m .employee_id = e.manager_id
ORDER BY manager;
```

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

### 比较同表的行

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

查询所有长度相同的电影

```sql
SELECT
    f1.title,
    f2.title,
    f1.length
FROM
    film f1
INNER JOIN film f2
    ON f1.film_id <> f2.film_id AND
       f1.length = f2.length;
```

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


在 Postgresql 中，FULL OUTER JOIN 是一种结合左外连接和右外连接结果的连接类型

Postgresql - FULL OUTER JOIN


Automatic Reference Counting（ARC）是一种内存管理机制，它是由苹果公司在其 Objective-C 和 Swift 语言中使用的。ARC 的作用是在程序运行时自动管理对象的内存，从而避免了手动管理内存的繁琐和容易出错的问题。

在 Objective-C 中，ARC 是默认开启的，它通过计算对象的引用计数来自动管理对象的内存。每当一个对象被创建时，它的引用计数会被初始化为 1，每当一个对象被引用时，它的引用计数会增加 1，每当一个对象不再被引用时，它的引用计数会减少 1。当一个对象的引用计数为 0 时，它就会被自动释放掉。

在 Swift 中，ARC 同样是默认开启的，它采用了和 Objective-C 相同的引用计数机制。不同的是，在 Swift 中，我们可以使用强引用、弱引用和无主引用来管理对象的内存。强引用是最常见的引用类型，它会使对象的引用计数增加 1，并且只有在没有任何强引用指向对象时，对象的引用计数才会减少 1；弱引用和无主引用则可以用来避免循环引用的问题。

在使用 ARC 时，我们只需要遵循一些基本规则即可避免内存泄漏和野指针等问题。例如，我们可以使用 weak 或 unowned 来避免循环引用的问题；我们不应该手动管理内存，例如使用 retain、release 和 autorelease 等方法；我们需要避免在闭包中持有 self 等对象，以避免循环引用的问题等。

除了基本规则外，ARC 还提供了一些高级特性，例如自动闭包和无主引用等。下面我们来看一些常见的 ARC 特性。

## 自动闭包

自动闭包是一种方便的语法结构，它可以让我们把一个表达式封装成一个闭包，并在需要时自动调用它。在 Swift 中，我们可以使用 @autoclosure 关键字来声明一个自动闭包。例如：

```swift
func printIfTrue(_ predicate: @autoclosure () -> Bool) {
  if predicate() {
    print("True")
  } else {
    print("False")
  }
}

printIfTrue(2 + 2 == 4)
```

在上面的代码中，我们定义了一个 printIfTrue 函数，它接受一个返回 Bool 类型的自动闭包作为参数，并在需要时自动调用它。在调用该函数时，我们可以传递一个表达式，例如 2 + 2 == 4，这个表达式会被自动封装成一个闭包，并在 printIfTrue 函数中被调用。

## 无主引用

无主引用是一种特殊的弱引用，它用来避免弱引用在使用时被意外释放的问题。在 Swift 中，我们可以使用 unowned 关键字来声明一个无主引用。例如：

```swift
class Person {
  var name: String
  var apartment: Apartment?

    init(name: String) {
        self.name = name
    }

    deinit {
        print("\(name) is being deinitialized")
    }
}

class Apartment {
  let number: Int
  weak var tenant: Person?

    init(number: Int) {
        self.number = number
    }

    deinit {
        print("Apartment #\(number) is being deinitialized")
    }
}

var john: Person?
var number73: Apartment?

john = Person(name: "John")
number73 = Apartment(number: 73)

john!.apartment = number73
number73!.tenant = john

john = nil
number73 = nil
```

在上面的代码中，我们定义了一个 Person 类和一个 Apartment 类，它们之间通过弱引用和无主引用进行关联。具体来说，Person 类中的 apartment 属性是一个可选的 Apartment 类型，并且它是通过弱引用来实现的；而 Apartment 类中的 tenant 属性是一个可选的 Person 类型，并且它是通过无主引用来实现的。这样，在我们释放 john 和 number73 变量所占用的内存时，它们之间的引用关系就可以正确地被解除。

总的来说，ARC 是一种非常方便和安全的内存管理机制，它可以自动管理对象的内存，从而避免了手动管理内存的繁琐和容易出错的问题。在使用 ARC 时，我们只需要遵循一些基本规则和高级特性即可，从而让我们更加专注于应用程序的业务逻辑。


ARC 的作用是在程序运行时自动管理对象的内存，从而避免了手动管理内存的繁琐和容易出错的问题。

Swift - ARC(内存管理机制)


## Node.js 是什么？

Node.js 是一个用于创建网络和服务器端应用程序的跨平台环境和库，使用 JavaScript 语言编写。Node.js 基于 Google Chrome 的 V8 JavaScript 引擎，具有以下特色：

## Node.js 的特色

- `极快`：Node.js 代码执行速度非常快。
- `I/O是异步和事件驱动的`：Node.js 库的所有 API 都是异步的，即非阻塞。因此，基于 Node.js 的服务器永远不会等待 API 返回数据。服务器在调用后移动到下一个 API，Node.js 事件的通知机制有助于服务器从之前的 API 调用中获得响应。这也是它非常快的原因。
- `单线程`：Node.js 遵循带有事件循环的单线程模型。
- `高度可扩展`：Node.js 具有高度可扩展性，因为事件机制有助于服务器以非阻塞方式响应。
- `无缓冲`：Node.js 在上传音频和视频文件时缩短了整体处理时间。Node.js 应用程序从不缓冲任何数据。这些应用程序只需以块为数据输出。
- `开源`：Node.js 有一个开源社区，该社区产生了许多优秀的模块，为 Node.js 应用程序添加其他功能。
- `许可证`：Node.js 在 MIT 许可证下发布。

## Install On Windows

从 Node.js 官方网站（https://nodejs.org）下载 Windows 版本的安装包。
![lNsHpN](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/lNsHpN.jpg)

运行下载的安装包，按照向导的指示进行安装。建议选择“Custom”安装，勾选“Add to PATH”，并选择“Entire feature will be installed on local hard drive”。运行下载的安装包，按照向导的指示进行安装。建议选择“Custom”安装，勾选“Add to PATH”，并选择“Entire feature will be installed on local hard drive”。
![VZs1Rk](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/VZs1Rk.jpg)
![ojUC1D](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/ojUC1D.jpg)
![2i1T66](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/2i1T66.jpg)
![YtZQqr](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/YtZQqr.jpg)
![2Hp0BM](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/2Hp0BM.jpg)

验证安装
![hhq3GT](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/hhq3GT.jpg)

## Install On Linux、Macos

```bash
# linux
sudo yum install nodejs #centos
sudo apt-get install nodejs #ubuntu debain

# macos
brew install nodejs
```


Node.js - Intro & Install


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

## 前置条件

- Centos 8/Ubuntu 18.04/Debain 10
- 域名 xxx.com
- 域名解析到对应服务器

## Centos 8 安装 Certbot

### 加入 EPEL 软件源

```bash
sudo yum install epel-release
sudo yum -y update
```

### 下载并安装特定于 Certbot 和 web 服务器的包

```bash
sudo curl -O https://dl.eff.org/certbot-auto
sudo mv certbot-auto /usr/local/bin/certbot-auto
chmod 0755 /usr/local/bin/certbot-auto
```

### 启动 Certbot

```bash
sudo /usr/local/bin/certbot-auto --nginx
```

### 启动 jenkins

```bash
sudo systemctl start jenkins
```

### 询问信息如下

```bash

# sudo /usr/local/bin/certbot-auto --nginx
Saving debug log to /var/log/letsencrypt/letsencrypt.log
Plugins selected: Authenticator nginx, Installer nginx
No names were found in your configuration files. Please enter in your domain
name(s) (comma and/or space separated)  (Enter 'c' to cancel): www.example.com
Obtaining a new certificate
Performing the following challenges:
http-01 challenge for www.example.com
Waiting for verification...
Cleaning up challenges
Deploying Certificate to VirtualHost /etc/nginx/nginx.conf

Please choose whether or not to redirect HTTP traffic to HTTPS, removing HTTP access.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
1: No redirect - Make no further changes to the webserver configuration.
2: Redirect - Make all requests redirect to secure HTTPS access. Choose this for
new sites, or if you're confident your site works on HTTPS. You can undo this
change by editing your web server's configuration.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Select the appropriate number [1-2] then [enter] (press 'c' to cancel): 2
Redirecting all traffic on port 80 to ssl in /etc/nginx/nginx.conf

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
```

### 开启防火墙

```bash
sudo firewall-cmd --zone=public --permanent --add-service=https
sudo firewall-cmd --reload
```

## Ubuntu 18.04 安装 Certbot

### 安装 Certbot 和 web 服务器

```bash
sudo apt-get update
sudo add-apt-repository ppa:certbot/certbot
sudo apt-get install python-certbot-nginx
sudo certbot --nginx
```

### 开启防火墙

```bash
sudo systemctl start ufw && sudo systemctl enable ufw
sudo ufw allow http
sudo ufw allow https
sudo ufw enable
```

## Debain 10 安装 Certbot

### 安装 Certbot 和 web 服务器

```bash
sudo apt install certbot python-certbot-nginx
sudo certbot --nginx
```

### 询问信息

```bash
# sudo certbot --nginx
Saving debug log to /var/log/letsencrypt/letsencrypt.log
Plugins selected: Authenticator nginx, Installer nginx
Enter email address (used for urgent renewal and security notices) (Enter 'c' to
cancel): admin@example.com

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Please read the Terms of Service at
https://letsencrypt.org/documents/LE-SA-v1.2-November-15-2017.pdf. You must
agree in order to register with the ACME server at
https://acme-v02.api.letsencrypt.org/directory
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
(A)gree/(C)ancel: A

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Would you be willing to share your email address with the Electronic Frontier
Foundation, a founding partner of the Let's Encrypt project and the non-profit
organization that develops Certbot? We'd like to send you email about our work
encrypting the web, EFF news, campaigns, and ways to support digital freedom.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
(Y)es/(N)o: N
No names were found in your configuration files. Please enter in your domain
name(s) (comma and/or space separated)  (Enter 'c' to cancel): www.rajie.wiki
Obtaining a new certificate
Performing the following challenges:
http-01 challenge for www.example.com
Waiting for verification...
Cleaning up challenges
Deploying Certificate to VirtualHost /etc/nginx/sites-enabled/default

Please choose whether or not to redirect HTTP traffic to HTTPS, removing HTTP access.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
1: No redirect - Make no further changes to the webserver configuration.
2: Redirect - Make all requests redirect to secure HTTPS access. Choose this for
new sites, or if you're confident your site works on HTTPS. You can undo this
change by editing your web server's configuration.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Select the appropriate number [1-2] then [enter] (press 'c' to cancel): 2
Redirecting all traffic on port 80 to ssl in /etc/nginx/sites-enabled/default

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
```

### 开启防火墙

```bash
sudo systemctl start ufw && sudo systemctl enable ufw
sudo ufw allow http
sudo ufw allow https
sudo ufw enable
```
