利用远程脚本安装 rustup

curl https://sh.rustup.rs -sSf | sh

脚本安装完成之后会自动添加环境变量，需要重启终端。

直接使用的话需要手动添加环境变量

source $HOME/.cargo/env

或者修改 ~/.bash_profile, 加一行

export PATH="$HOME/.cargo/bin:$PATH"

更新和卸载

更新：rustup update

卸载：rustup self uninstall

版本校验与文档

检查版本：rustc --version

查看本地离线文档：rustup doc

使用 cargo

内置的依赖管理器和构建工具，它能轻松增加、编译和管理依赖。

创建项目

使用命令 cargo new <project_name> 可以创建一个 rust 新项目，内含一个 Cargo.toml 配置文件，以及位于 /src/main.rs 的主函数文件，并且在项目创建时初始化了一个 git 仓库。

Cargo.toml 文件内容如下,

[package] 下存放当前项目信息：名称、版本号、作者、rust 版本等

[dependencies] 下存放当前项目依赖的代码包（crates）

[package]
name = "hello_cargo"
version = "0.1.0"
authors = ["Your Name <you@example.com>"]
edition = "2018"

[dependencies]

构建并执行

使用命令 cargo build 会在 /target/debug 目录下创建一个和项目同名的可执行文件，并在根目录下创建一个 Cargo.lock 文件，用作当前依赖的版本、缓存判断。

使用命令 cargo run 可以一步构建并运行 rust 程序，若程序未被更改，则直接运行可执行文件。

使用命令 cargo check 可以快速检查代码确保其可以编译，但并不产生可执行文件。

发布

执行 cargo build --release 命令可以在 /target/release 目录下生成用作发布的可执行文件，该过程会对代码进行优化，使其执行速度更快，但同时编译时间也会更长。

The world’s fastest framework for building websites

起初看到这个 slogan 还是有点不服的，使用了一段时间后还是真香了。

Hugo 对于 mac 用户还是比较友好的。

安装

brew install hugo

新建站点

hugo new site [site_name]

选择主题

cd [site_name]

git init

git submodule add [theme_git_url] themes/[theme_name]

可以去这里找更多皮肤

配置主题

将上一步配置的主题名写入 toml 配置文件中

echo 'theme = "[theme_name]"' >> config.toml

新建文章

hugo new posts/[post_name].md

新建的 md 文件会自带如下头部

---
title: "[post_name]"
date: 2019-03-26T08:47:11+01:00
draft: true
---

draft 表示当前文章是否为草稿，如需发布，改为 false 即可

启动本地服务

hugo server -D

该命令将会在当前主机的 1313 端口启动一个支持热更新的 hugo 服务

打包静态页面

hugo -D

该命令将会解析当前文章并在 public 文件夹内生成对应静态文件

Vercel

其实也可以部署到自己的服务器上，再配一个 github action 来自动化部署，但是比较繁琐，不如直接使用现成的。

Vercel 就是一个比较好的解决方案，将我们上面构建的 Hugo 项目托管到 github 之后，链接 Vercel 和对应仓库即可。

绑定成功后，可以用 Vercel 提供的域名访问，也可以把自己的域名解析到对应的 IP。

curl --socks5 127.0.0.1:1086 http://cip.cc

安装 Privoxy

brew install Privoxy

修改 /usr/local/etc/privoxy/config

文件添加如下2行

forward-socks5 / 127.0.0.1:1086 . （注意：1086是shdowsocks默认的端口）

listen-address 0.0.0.0:8118

启动 Privoxy

brew services start privoxy

快捷命令

alias proxyon="export http_proxy='http://localhost:8118'; export https_proxy='http://localhost:8118'"

alias proxyoff="unset http_proxy; unset https_proxy"

将上面👆这两段放到 ~/.zshrc 下

查看是否启动成功

ps aux | grep privoxy

proxyon 开启代理

curl http://cip.cc

• baseHandlers.ts
  • 响应式对象 Proxy 的各个处理方式
  • 追踪数组变化 (includes、indexOf、lastIndexOf)
  • 对比 2.0，新增 Proxy、Reflect
• collectionHandlers.ts
  • 采集处理 (Set、Map、WeakMap、WeakSet)
  • 构建迭代器
  • 检测内部变化
• computed.ts
  • 是否只读通过传入参数是 object 还是 function 判断
  • 获取 value 时收集依赖
• effect.ts
  • 封装副作用函数
  • 单独维护一个副作用堆（effectStack），防止循环调用
  • track 采集 [副作用] 添加到 [依赖] 中
  • trigger 触发 [依赖] 中的 [副作用]
• operations.ts
  • 常量定义：采集类型、触发类型
• reactive.ts
  • reactive：将对象转为响应式对象
  • shadowReactive：返回对象的响应式副本
  • readonly：将对象转为只读对象
  • shadowReadonly：返回对象的只读副本
  • 以上四种各自维护一个字典映射转换前后对象，防止重复转换
  • 利用对应的 Proxy 配置将对象转换为 observed 观察者对象
  • isReactive 判断当前对象是否是响应式对象
  • isReadonly 判断当前对象是否是只读对象
  • isProxy 传入对象是否经过代理（响应式对象 或 只读对象）
  • toRaw 将响应式对象、只读对象转为原始值
  • markRaw 将传入对象标记为原生对象，禁止转换
• refs.ts
  • 类似computed.ts，对ref传入的值、对象进行封装。

reactive + effect 使用

结合vue官方提供的测试用例：

it('should observe basic properties', () => {
    let dummy
    const counter = reactive({ num: 0 })
    effect(() => (dummy = counter.num))
    expect(dummy).toBe(0)
    counter.num = 7
    expect(dummy).toBe(7)
})

可以看到，经过了如下步骤：

1. 利用 reactive 将 { num: 0 } 封装为响应式对象并赋值给 counter
2. 利用 effect 将 () => (dummy = counter.num) 封装为副作用
3. effect 内部 fn 会立即执行，即触发 counter 的 get，并给 dummy 赋值
4. get 触发，开始采集依赖（track），将此时的 activeEffect 作为依赖收集
5. 对 dummy 进行断言，值为 0
6. 给响应式对象 counter 的 num 属性赋值，触发 counter 的 set
7. set 触发，开始触发依赖（trigger），将 counter 对应的所有依赖依次触发
8. effect 内部 fn 再次执行，给 dummy 赋值
9. 对 dummy 进行断言，值为 7

总结

3.0 的 reactivity 模块对比 2.0 的响应式系统 * 加入了 Proxy 来更加完善的代理对象中的方法（例如 2.0 中较为诟病的数组方法）以替换原来的 Object.definePropert ，但同时也放弃了对低版本浏览器的兼容。 * 加入了 effect 副作用来更好的描述依赖的收集、触发 * 为所有 reactive 封装的对象维护了各自的映射表，避免重复封装、循环调用，由此也提供了撤销响应式的方法（toRaw） * 抽离出作为单独模块加载，结构更清晰，更易理解，同时支持了 hooks

卸载旧版本

sudo apt-get remove docker docker-engine docker.io containerd runc

更新仓库

sudo apt-get update

安装依赖

sudo apt-get install \
    apt-transport-https \
    ca-certificates \
    curl \
    gnupg-agent \
    software-properties-common

添加 Docker 的官方 GPG 密钥：

curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -

检查密钥

sudo apt-key fingerprint 0EBFCD88

设置稳定版仓库

sudo add-apt-repository \
   "deb [arch=amd64] https://download.docker.com/linux/ubuntu \
  $(lsb_release -cs) \
  stable"

安装

sudo apt-get install docker-ce docker-ce-cli containerd.io

开机自启

systemctl enable docker.service

在运行docker容器时可以加如下参数来保证每次docker服务重启后容器也自动重启：

docker run --restart=always

如果已经启动了则可以使用如下命令：

docker update --restart=always <CONTAINER ID>

Nginx

拉取镜像

docker pull nginx

启动

docker run --name docker-nginx -d -p 80:80 -v /etc/docker/docker-nginx/nginx.conf:/etc/nginx/nginx.conf:ro -v /etc/docker/docker-nginx/conf.d:/etc/nginx/conf.d nginx

Postgres

拉取镜像

docker pull postgres:latest

创建卷进行持久化

docker volume create pgdata

启动

docker run -v pgdata:/var/lib/postgres/data -p 5432:5432 -e POSTGRES_PASSWORD=970306 -d postgres:latest

nvm

脚本安装

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

环境变量

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"

yarn

仓库

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -

脚本安装

sudo apt install yarn