## 批量删除

```bash
docker images | awk 'NR!=1{print $1":"$2}' | xargs docker rmi
```



## 定时删除

### ubuntu

```bash
#清理10天前创建且当前无容器实例使用的镜像
cat >> /var/spool/cron/crontabs/root << EOF
# 每周一清理无效镜像
* * * * 1 /usr/bin/docker image prune -a --force --filter "until=240h" 2>&1
EOF
```

### cent os

```bash
#清理10天前创建且当前无容器实例使用的镜像
cat >> /var/spool/cron/root << EOF
# 每周一清理无效镜像
* * * * 1 /usr/bin/docker image prune -a --force --filter "until=240h" 2>&1
EOF
```

docker 删除无用镜像

在平时的开发和折腾中，总会遇到各种各样的问题，踩各种各样的坑，原来是都记录在博客上的，但是发现有人搞这种专门的笔记站，感觉不错，所以我也打算搞一个：

## 技术栈

* [vue-press](https://vuepress.vuejs.org/zh/)
* [vue-press-hope](https://vuepress-theme-hope.github.io/)



## 步骤

### 创建项目

新建一个 `github` 仓库，然后按照 [vue-press-hope](https://vuepress-theme-hope.github.io/) 主题官方说明初始化项目：

```bash
npm init vuepress-theme-hope@next [dir]
```

### 配置项目

按照官网的说明配置项目即可，慢慢来，细心即可。注意的是我们的场景并不需要主页，所以 `home: true` 去掉就行了。

`nav bar` 、`主题色`、`搜索`等，按照文档走就行。注意`复制按钮`需要设置一下才能用，不然点了也没用。

### 配置 CI

默认初始化项目会询问你是否加一个自动部署到 `github pages` 的提示，如果需要的话点需要就行了。

这里提供一个我用的 `Dockerfile` 用来部署到自己的服务器。

```dockerfile
FROM node:18 as builder
WORKDIR /app
COPY . .
RUN yarn
RUN yarn docs:build

FROM nginx
WORKDIR /usr/share/nginx/html/
COPY --form=builder /app/.vuepress/dist/ ./
```

也提供一个我用来部署到 `k8s` 的 `github actions`：

```yaml
name: 部署文档

on:
  push:
    branches:
      - "master"

jobs:
  deploy-pages:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v3
      - name: 获取版本
        run: |
          FILENAME=`date  +"%y%m%d%H%M%S"`
          echo "::set-output name=VERSION::$FILENAME"
        id: get_version
      - name: 展示版本
        run: echo ${{ steps.get_version.outputs.VERSION }}
      - name: Set up QEMU
        uses: docker/setup-qemu-action@v1

      - name: Set up Docker Buildx
        id: buildx
        uses: docker/setup-buildx-action@v1

      - name: Login to AliyunCS
        uses: docker/login-action@v1
        with:
          registry: registry.cn-beijing.aliyuncs.com
          username: ${{ secrets.ALI_USER  }}
          password: ${{ secrets.ALI_PASSWORD  }}

      - name: 设置 Node.js
        uses: actions/setup-node@v3
        with:
          node-version: 16
          cache: yarn

      - name: 安装依赖
        run: yarn install --frozen-lockfile

      - name: 构建文档
        env:
          NODE_OPTIONS: --max_old_space_size=4096
        run: |-
          yarn run docs:build
        id: image-name
      - name: 打包镜像并推送
        uses: docker/build-push-action@v2
        with:
          context: .
          file: ./Dockerfile
          platforms: linux/amd64
          push: true
          tags: |
            "registry.cn-beijing.aliyuncs.com/mereith/gists:${{ steps.get_version.outputs.VERSION }}"
      - name: 部署到集群
        uses: steebchen/kubectl@v2.0.0
        with: # defaults to latest kubectl binary version
          config: ${{ secrets.K8S_CONFIG_DATA }}
          command: set image -n tools deployment/gists gists=registry.cn-beijing.aliyuncs.com/mereith/gists:${{ steps.get_version.outputs.VERSION }}
      - name: send Message To me
        run: |
          curl -X POST -H "Content-Type: application/json" -d '{"source":"github-ci:gists-doc","message":"流水线运行完毕，${{ steps.get_version.outputs.VERSION }} 已部署"}'  ${{ secrets.WEBHOOK_URL }}
```

用 vuepress 搭建私人知识库

之前经常撸云服务器羊毛，就想搭建 `k8s`集群，一开始手动搭建太折腾了还有小问题，后来用了[kubekey](https://github.com/kubesphere/kubekey)，感觉占用资源太多。

后来发现了 [k3s](https://github.com/k3s-io/k3s) 这个好东西，占用资源低。

后来发现了 [wireguard](https://www.wireguard.com/) 这个好东西，混合云组网神器。

后来发现了 [network-manager](https://github.com/gravitl/netmaker/) 这个好东西，wireguard 组网神器。

那就搞吧！



## 配置概览

为了避免烂七八糟毛病，操作系统最好统一，这里我统一采用了 `ubuntu 20.04` 系统。

所有服务器概览如下：

| 云厂商 | 配置 | 架构  |
| ------ | ---- | ----- |
| 腾讯   | 2C4G | amd64 |
| 阿里   | 1C2G | amd64 |
| 华为   | 2C4G | amd64 |

## 网络搭建

首先需要搭建星状网络，参考:

[# 使用 Netmaker 快速组建 WireGuard mesh 网络](https://einverne.github.io/post/2021/12/netmaker.html)

```bash
wget -O docker-compose.yml https://raw.githubusercontent.com/gravitl/netmaker/master/compose/docker-compose.contained.yml
sed -i 's/NETMAKER_BASE_DOMAIN/<your base domain>/g' docker-compose.yml
sed -i 's/SERVER_PUBLIC_IP/<your server ip>/g' docker-compose.yml
sed -i 's/COREDNS_IP/<default interface ip>/g' docker-compose.yml
# 生成 master key
tr -dc A-Za-z0-9 </dev/urandom | head -c 30 ; echo ''
sed -i 's/REPLACE_MASTER_KEY/<your generated key>/g' docker-compose.yml
# 配置 Caddy
wget -O /root/Caddyfile https://raw.githubusercontent.com/gravitl/netmaker/master/docker/Caddyfile

sed -i 's/NETMAKER_BASE_DOMAIN/<your base domain>/g' /root/Caddyfile
sed -i 's/YOUR_EMAIL/<your email>/g' /root/Caddyfile
# 启动
docker-compose up -d
```

emm，总之按照官方的就能很轻松的部署了。

### 踩坑

后面我部署集群的时候发现 `k3s` 的 `serviceLB` 会破坏 `wirguard` 网络的连通性。所以部署的时候一定要禁用。。。

## K3S 安装

### master

```bash
curl -sfL https://rancher-mirror.rancher.cn/k3s/k3s-install.sh | INSTALL_K3S_MIRROR=cn INSTALL_K3S_SELINUX_WARN=true \\
 INSTALL_K3S_EXEC="--disable servicelb --disable traefik  --node-ip '10.20.30.7'  --node-external-ip '82.157.137.245'  --flannel-backend wireguard --kube-proxy-arg proxy-mode=ipvs  --kube-proxy-arg masquerade-all=true --kube-proxy-arg metrics-bind-address=0.0.0.0  --tls-san 'k3s.mereith.com' --tls-san '82.157.137.245' " sh -
# 获取 token
cat /var/lib/rancher/k3s/server/token
```

### node

```bash
curl -sfL https://rancher-mirror.rancher.cn/k3s/k3s-install.sh | INSTALL_K3S_MIRROR=cn  K3S_URL=https://82.157.137.245:6443  INSTALL_K3S_EXEC="--node-ip '10.20.30.5'  --node-external-ip '82.157.125.43' --kube-proxy-arg proxy-mode=ipvs --kube-proxy-arg masquerade-all=true --kube-proxy-arg metrics-bind-address=0.0.0.0 " K3S_TOKEN="05ed38e986ebf0cdeb97bec629d1b7c9" sh -
```

### 复写 ip

因为云服务器自己还有内网 `ip`，为了保证网络畅通性，需要：

```bash
kubectl annotate nodes tx3 flannel.alpha.coreos.com/public-ip-overwrite=10.20.30.7
```

### 测试

```bash
## curl busybox
kubectl run  busybox --image sequenceiq/busybox  --command -- /bin/sh -c "while true;do echo hello docker;sleep 1;done"
kubectl exec -it busybox   -- sh

## nginx test
kubectl run  nginx --image nginx
```

### 卸载

```bash
/usr/local/bin/k3s-uninstall.sh
/usr/local/bin/k3s-agent-uninstall.sh

ip link delete kube-ipvs0
```

### 注意

* 需要禁用 `servicelb `，不然会影响跨集群的 `pod` 畅通
* 禁用 traefik 是为了用自己的编排，不禁用也行。

## 参考

[# 使用 k3s 和 WireGuard 网络部署 Kubernetes 集群](https://einverne.github.io/post/2021/12/kubernetes-cluster-multiple-clouds-using-k3s-netmaker-wireguard.html)

混合云部署k3s集群(基于wireguard)

## 参数问题

### 现象

背八股文的时候温习了一下防抖和节流的概念。于是自己随手把网上的版本试了一下，发现不行：

```html
<body>
  <button id="debounce">防抖测试</button>
  <script>
    function debounce(fn, delay) {
      let timer = null;
      return function () {
        clearTimeout(timer);
        timer = setTimeout(() => {
          fn.apply(this)
        }, delay)
      }
    }
    document.querySelector("#debounce").addEventListener("click", debounce((ev) => {
      console.log(ev)
    }, 500))
  </script>
</body>
```

控制台会打印 `undefined`。


### 结论

`setTimeout` 里我们的函数执行的时候，没有参数。所以应该改为：

```js
timer = setTimeout(() => {
          fn.apply(this,arguments)
}, delay)
```

所以里面的 `apply` 可以通俗的理解为就是为了传参数进去用的。

但为什么这样就可以呢？为啥`arguments` 就对了呢？

## 箭头函数

## 试验1

`setTimeout` 里面用的是箭头函数，那我们用普通函数会发生什么？

```js
timer = setTimeout(function () {
          fn.apply(this,arguments)
}, delay)
```

控制台会打印：

```
undefined
```

## 试验2

我们修改一下代码：

```js
function debounce(fn, delay) {
      let timer = null;
      return function () {
        console.log(this,arguments);
        setTimeout(function () {
          console.log(this,arguments);
        },delay)
        setTimeout(()=>{
          console.log(this,arguments);
        },delay)
      }
    }
```

控制台会输出：

![](https://pic.mereith.com/img/20220726143232.png)

### 分析

从两个试验可以看出，箭头函数会把内部的 `this` 和 `arguments` 绑定为与定义时的上层一致。

而上一层就是我们的事件监听器直接调用的函数，所以这时候的 `arguments` 和 `this` 都是正确的。

## 知识点

1. 作为普通函数执行时，`this` 指向 `window`。如果是事件监听，就是触发事件的对象。
2. 当函数作为对象的方法被调用时，`this` 就会指向该对象。
3. 构造器调用，`this` 指向返回的这个对象。
4. 箭头函数的 `this` 绑定看的是 `this` 所在函数定义在哪个对象下，就绑定哪个对象。如果有嵌套的情况，则 `this` 绑定到最近的一层对象上。
5. 基于 `Function.prototype` 上的 `apply` 、 `call` 和 `bind` 调用模式，这三个方法都可以显示的指定调用函数的 `this` 指向。`apply` 接收参数的是数组，`call` 接受参数列表，`bind` 方法通过传入一个对象，返回一个 `this` 绑定了传入对象的新函数。这个函数的 `this` 指向除了使用 `new` 时会被改变，其他情况下都不会改变。若为空默认是指向全局对象 `window`。

js 防抖节流中的 this 与箭头函数

## 可读流

可读流是**生产数据**用来供程序消费的流。举例：

```js
const rs = fs.createReadStream(filePath);
process.stdin.pipe(process.stdout);
```



### 自定义可读流

1. 继承 sream 模块的 **Readable** 类
2. 重写 **_read** 方法，调用 **this.push** 将生产的数据放入待读取队列

写一个每100毫秒产生随机数的流

```js
const Readable = require('stream').Readable;
class RandomNumberStream extends Readable {
    constructor(max) {
        super()
    }
    _read() {
        const ctx = this;
        setTimeout(() => {
            const randomNumber = parseInt(Math.random() * 10000);
            // 只能 push 字符串或 Buffer，为了方便显示打一个回车
            ctx.push(`${randomNumber}\n`);
        }, 100);
    }
```

如果需要停下来的话，用`ctx.push(null)` 就行了。

## 可写流

可写流是对数据流向设备的抽象，用来消费上游流过来的数据，通过可写流程序可以把数据写入设备，常见的是本地磁盘文件或者 TCP、HTTP 等网络响应。

```js
const fs = require('fs');
const rs = fs.createReadStream('./w.js');
const ws = fs.createWriteStream('./copy.js');

rs.setEncoding('utf-8');

rs.on('data', chunk => {
  ws.write(chunk);
});
```

write() 方法有三个参数

* chunk {String| Buffer}，表示要写入的数据
* encoding 当写入的数据是字符串的时候可以设置编码
* callback 数据被写入之后的回调函数

### 自定义可写流

和自定义可读流类似，简单的自定义可写流只需要两步

1. 继承 stream 模块的 Writable 类
2. 实现 _write() 方法

```js
const Writable = require('stream').Writable
class OutputStream extends Writable {
    _write(chunk, enc, done) {
        // 转大写之后写入标准输出设备
        process.stdout.write(chunk.toString().toUpperCase());
        // 此处不严谨，应该是监听写完之后才调用 done
        process.nextTick(done);
    }
}
module.exports = OutputStream;
```

## 参考

基本抄自：[可读流](https://www.yuque.com/sunluyong/node/readable)