Merge branch 'master' into dev

.gitignore

+.DS_Store
+node_modules
+/dist
+
+/tests/e2e/videos/
+/tests/e2e/screenshots/
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*
+
+# 忽略yarn.lock
+yarn.lock

_sidebar.md

@@ -5,6 +5,11 @@
 * 前端知识 
   * [JS回调函数理解](javascript/JavaScript中方法作为参数传递.md "方法传参") 
 
-* 配置
+* docker
+  * [overlay2占用很大](docker/overlay2占用很大 "overlay2占用很大")
+
 * flutter
   * [flutter快捷键](flutter/Flutter在vscode中的常用快捷键 "Flutter在vscode中的常用快捷键")
+
+* Swift UI
+  * [绘制响应式三角形](swift/Swift绘制三角形并适应宽高 "Swift UI 绘制三角形并适应宽高")

docker/overlay2占用很大.md

+# /var/lib/docker/overlay2 占用很大
+
+
+
+## 1.du -hs /var/lib/docker/ 命令查看磁盘使用情况
+
+```sh
+sudo du -hs /var/lib/docker/
+```
+
+## 2.查看Docker的磁盘使用情况
+
+**docker system df**命令，类似于Linux上的**df**命令
+
+```sh
+docker system df
+
+TYPE                TOTAL               ACTIVE              SIZE                RECLAIMABLE
+Images              7                   2                   122.2GB             79.07GB (64%)
+Containers          2                   2                   61.96GB             0B (0%)
+Local Volumes       0                   0                   0B                  0B
+Build Cache         0                   0                   0B                  0B
+```
+
+## 3.清理磁盘，删除关闭的容器、无用的数据卷和网络，以及dangling镜像(即无tag的镜像)
+
+**docker system prune**命令可以用于清理磁盘，删除关闭的容器、无用的数据卷和网络，以及dangling镜像(即无tag的镜像)。
+
+```sh
+docker system prune
+```
+
+> **docker system prune -a**命令清理得更加彻底，可以将没有容器使用Docker镜像都删掉。注意，这两个命令会把你暂时关闭的容器，以及暂时没有用到的Docker镜像都删掉了…所以使用之前一定要想清楚.。我没用过，因为会清理 没有开启的 Docker 镜像。
+
+
+
+## 4.迁移 /var/lib/docker 目录。
+
+停止docker服务
+
+```sh
+systemctl stop docker
+```
+
+创建新的docker目录，执行命令df -h,找一个大的磁盘。 在 /home目录下面建了 /home/docker/lib目录，执行的命令是：
+
+```sh
+mkdir -p /home/docker/lib
+```
+
+迁移/var/lib/docker目录下面的文件到 /home/docker/lib：
+
+```sh
+rsync -avz /var/lib/docker /home/docker/lib/
+```
+
+配置 /etc/systemd/system/docker.service.d/devicemapper.conf。查看 devicemapper.conf 是否存在。如果不存在，就新建。
+
+```sh
+sudo mkdir -p /etc/systemd/system/docker.service.d/
+sudo vi /etc/systemd/system/docker.service.d/devicemapper.conf
+```
+
+然后在 devicemapper.conf 写入：（同步的时候把父文件夹一并同步过来，实际上的目录应在 /home/docker/lib/docker ）
+
+```shell
+[Service]
+ExecStart=
+ExecStart=/usr/bin/dockerd  --graph=/home/docker/lib/docker
+```
+
+重新加载 docker
+
+```sh
+systemctl daemon-reload
+ 
+systemctl restart docker
+ 
+systemctl enable docker
+```
+
+为了确认一切顺利，运行,命令检查Docker 的根目录.它将被更改为 /home/docker/lib/docker
+
+```sh
+docker info
+
+...
+Docker Root Dir: /home/docker/lib/docker
+Debug Mode (client): false
+Debug Mode (server): false
+Registry: https://index.docker.io/v1/
+...
+```
+
+启动成功后，再确认之前的镜像还在
+
+```sh
+docker images
+```
+
+确定容器没问题后删除/var/lib/docker/目录中的文件
+
+
+
+
+
+
+
+
+
+
+
+
+

es6/es6笔记.md

+# 面向对象
+
+![image-20200818103647069](./assets/image-20200818103647069.png)
+
+# 继承
+
+## super的使用
+
+### 子类调用父类构造器
+
+```javascript
+class Father {
+  constructor(x, y){
+    this.x = x;
+    this.y = y;
+  }
+  
+  sum() {
+  	return this.x + this.y;  
+  }
+  
+}
+
+class Son extends Father {
+  constructor(x, y){
+    this.x = x;
+    this.y = y;
+  }
+}
+
+var son = new Son(1, 2);
+son.sum();
+```
+
+> 异常方法会报错，因为子类没有使用super()调用父类的构造器，但是在sum方法中调用了this关键字获取了父类的属性
+
+应该使用super()调用父类的的构造器
+
+```javascript
+class Father {
+  constructor(x, y){
+    this.x = x;
+    this.y = y;
+  }
+  
+  sum() {
+  	return this.x + this.y;  
+  }
+  
+}
+
+class Son extends Father {
+  constructor(x, y){
+    super(x, y); // 调用了父类的构造器
+  }
+}
+
+var son = new Son(1, 2);
+son.sum();
+```
+
+### 子类调用父类的构造器super和this
+
+```javascript
+class Son extends Father {
+  constructor(x, y){
+    super(x, y); // 调用了父类的构造器
+    this.x = x;
+    this.y = y;
+  }
+}
+```
+
+> super的调用必须在this之前
+
+
+
+## this关键字
+
+> this指向调用者！！！
+
+![image-20200818110310163](./assets/image-20200818110310163.png)
+

swift/Swift绘制三角形并适应宽高.md

+# Swift UI 绘制三角形并适应宽高
+
+## 固定宽高
+
+![image-20200819100148468](./assets/image-20200819100148468.png)
+
+> Path绘制完成三角形以后直接使用frame修饰符固定宽高
+
+如果不固定宽高，三角形会尽可能大的占据宽高导致的效果会
+
+![image-20200819100349553](./assets/image-20200819100349553.png)
+
+## 固定高度，宽度自适应
+
+![image-20200819095940097](./assets/image-20200819095940097.png?lastModify=1597802701)
+
+```
+ GeometryReader{} /// 保证内部的Path绘制的三角形能够自适应宽高
+ 
+```
+
+如果删除固定高度的frame修饰符也会尽可能大的占据高度
+
+![image-20200819100701913](./assets/image-20200819100701913.png)
+
+>  使用GeometryReader构造的三角形适应性不强，也不是组件化
+
+## 使用Shape构造
+
+![image-20200819101041396](./assets/image-20200819101041396.png)
+
+代码分析:
+
+1. 首先定义一个三角形(Triangle)结构体实现Shape协议
+2. 实现Shape协议需要重写path方法，path方法是在一个矩形内绘制路径
+3. 直接在使用的地方调用Triangle的storke描边方法绘制
+
+> 现在是无论整体的Hstack的frame高度变化或者左右的文本变化，三角形同样能自适应高度宽度。
+
+
+
+## 扩展
+
+在swift ui中的矩形、圆角矩形、圆形都是在遵循Shape协议的
+
+![image-20200819101715451](./assets/image-20200819101715451.png)
+
+
+
+![image-20200819101745571](./assets/image-20200819101745571.png)
+
+
+
+![image-20200819101759054](./assets/image-20200819101759054.png)
+

vue/Eslin和Prettier在Vscode中自动格式代码.md

+# vscode配置vue+vetur+eslint+prettier自动格式化功能
+
+> 2020年08月20日
+
+该配置用于vue开发，最终效果是保存时自动根据eslint对js、html和css代码进行格式化
+
+## vscode 安装插件
+
+Vetur
+
+![image-20200820155612127](./assets/image-20200820155612127.png)
+
+Eslint
+
+![image-20200820155654746](./assets/image-20200820155654746.png)
+
+Prettier
+
+![image-20200820155813851](./assets/image-20200820155813851.png)
+
+## 配置
+
+### vue-cli插件生成的代码
+
+生成时选择Eslint+Prettier
+
+![image-20200820160035882](./assets/image-20200820160035882.png)
+
+自定义规则设置,创建`.prettierrc`文件对prettier格式化进行自定义
+
+```js
+{
+ /* 单引号包含字符串 */
+ "singleQuote": true,
+ /* 不添加末尾分号 */
+ "semi": false,
+ /* 在对象属性添加空格 */
+ "bracketSpacing": true,
+ /* 优化html闭合标签不换行的问题 */
+ "htmlWhitespaceSensitivity": "ignore"
+}
+```
+
+配置settings.json文件
+
+```json
+"editor.codeActionsOnSave": {
+ "source.fixAll": true
+},
+/* 关闭编辑器自带保存格式化功能，此功能会用Vetur进行格式化。*/
+"editor.formatOnSave": false
+```
+
+
+
+
+
+
+
+
+
+### 非vue-cli生成的代码
+
+单独引入以下红框中的几个依赖
+
+![image-20200820160237409](./assets/image-20200820160237409.png)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+