准备工具：

• vscode (自行安装)
• MinGW (C/C++环境)

安装C/C++环境–MinGW

进入网站MinGW，点击如下图红框链接下载。

解压出来MinGW放到你已知的目录下，我放在D:\Programs\下。

需将MinGW\bin目录添加到环境变量中，这样就能在vscode中访问到G++和GCC。

1
2
3
4
5

PS G:\github\c\vscode-cpp> g++ --version
g++.exe (GCC) 11.2.0
Copyright (C) 2021 Free Software Foundation, Inc.
This is free software; see the source for copying conditions.  There is NO      
warranty; not even for MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.     

vscode安装c/c++插件

• C/C++
• Code Runner

测试

根据上面各项配置下来已经差不多了，写个简单c++程序测试一下。

test.cpp

1
2
3
4
5
6
7
8
9

#include <iostream>

using namespace std;

int main(int argc, char const *argv[])
{
  cout << "Hello world";
  return 0;
}

vscode终端（PowerShell）中执行：if ($?) { g++ test.cpp -o test } ; if ($?) { .\test }

1
2

PS G:\github\c\vscode-cpp> if ($?) { g++ test.cpp -o test } ; if ($?) { .\test}  
Hello world

成功生成test.exe并执行输出Hello world。

配置文件

为方便配置vscode中c/c++环境配置，在根目录下创建.vscode。添加如下几个配置文件：

settings.json 主要为解决中文乱码问题

1
2
3
4
5
6
7
8
9
10
11
12

{
  "editor.tabSize": 2,
  "editor.detectIndentation": false,
  "[cpp]": {
    "editor.defaultFormatter": "ms-vscode.cpptools",
    "files.encoding": "gbk"
  },
  "[c]": {
    "editor.defaultFormatter": "ms-vscode.cpptools",
    "files.encoding": "gbk"
  }
}

c_cpp_properties.json

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

{
    "configurations": [
        {
        "name": "GCC",
        "includePath": ["${workspaceFolder}/**"],
        "defines": ["_DEBUG", "UNICODE", "_UNICODE"],
        "windowsSdkVersion": "10.0.18362.0",
        "compilerPath": "D:\\Programs\\MinGW\\bin\\g++.exe",//改路径！！MinGW中g++.exe路径
        "cStandard": "c17",
        "cppStandard": "c++17",
        "intelliSenseMode": "windows-gcc-x64"
        }
    ],
    "version": 4
}

launch.json

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

{
    "version": "0.2.0",
    "configurations": [
      {
        "name": "g++.exe - Build and debug active file",
        "type": "cppdbg",
        "request": "launch",
        "program": "${fileDirname}\\${fileBasenameNoExtension}.exe",
        "args": [],
        "stopAtEntry": false,
        "cwd": "${fileDirname}",
        "environment": [],
        "externalConsole": false,
        "MIMode": "gdb",
        "miDebuggerPath": "D:\\Programs\\MinGW\\bin\\gdb.exe",//改成你的mingw中gdb.exe的路径！！
        "setupCommands": [
          {
            "description": "Enable pretty-printing for gdb",
            "text": "-enable-pretty-printing",
            "ignoreFailures": true
          }
        ],
        "preLaunchTask": "C/C++: g++.exe build active file"
      }
    ]
  }

tasks.json

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

{
    "tasks": [
      {
        "type": "cppbuild",
        "label": "C/C++: g++.exe build active file",
        "command": "D:\\Programs\\MinGW\\bin\\g++.exe",//改为mingw中g++.exe路径
        "args": ["-g", "${file}", "-o", "${fileDirname}\\${fileBasenameNoExtension}.exe"],
        "options": {
          "cwd": "${fileDirname}"
        },
        "problemMatcher": ["$gcc"],
        "group": {
          "kind": "build",
          "isDefault": true
        },
        "detail": "compiler: D:\\Programs\\MinGW\\bin\\g++.exe"//改为mingw中g++.exe路径
      }
    ],
    "version": "2.0.0"
}

github

知乎上偶然看到一个《linux系统永久免费科学上网》（原视频在此），我们做开发，也会遇到查询一些资料被墙的无助，赶紧来试试。

1. 准备

• Windows 10 专业版
• clash_for_windows v0.19.15 github

2. 下载安装clash_for_windows

可到releases找到最新版本，根据你自己的设备选择安装。

3. 订阅

打开https://v2rayse.com/找到第一项点击【进入】。

进入后访问需要输入密码，密码可通过电报、油管直播来获取 「Telegram」 「YouTube」 来获取，BUT,这两个网站都在外域，我是访问不了，在此被劝退了，有可以访问的朋友可以跟着文头视频继续。

但幸好站长在下方评论给出了他的网站可以拿到免费节点数据，而且是每天更新，地址是https://cfmem.com。进入网站找到最新日期文章进入拉到最下面找到订阅链接中clash订阅链接，复制下来。

打开刚安装的clash_for_windows,点击左侧菜单Profiles,输入框中填入刚复制的订阅地址，点击Download，等待下载完成即可，如果长时间下载不成，可通过浏览器或下载工具下载，文件拖入clash_for_windows也行。

点击[General]按照如图打开相应开关，如果需要局域网支持打开Allow LAN开关。

原视频最后还提到需要设置代理，127.0.0.1 端口: 7890。勾选System Proxy即可。试试效果吧。

访问https://www.youtube.com/真的可以打开了，视频播放也很流畅。

4. 警告

《计算机信息网络国际联网管理暂行规定》第六条、第十四条：

第六条 计算机信息网络直接进行国际联网，必须使用邮电部国家公用电信网提供的国际出入口信道。任何单位和个人不得自行建立或者使用其他信道进行国际联网。第十四条 违反本规定第六条、第八条和第十条的规定的，由公安机关责令停止联网，给予警告，可以并处 15000 元以下的罚款；有违法所得的，没收违法所得。

《计算机信息网络国际联网安全保护管理办法》第五条、第二十条进行处罚。因为多数翻墙者会浏览色情、赌博、暴力、危害国家安全等违法内容。

第五条任何单位和个人不得利用国际联网制作、复制、查阅和传播下列信息:(一)煽动抗拒、破坏宪法和法律、行政法规实施的；(二)煽动颠覆国家政权，推翻社会主义制度的；(三)煽动分裂国家、破坏国家统一的；(四)煽动民族仇恨、民族歧视，破坏民族团结的；(五)捏造或者歪曲事实，散布谣言，扰乱社会秩序的；(六)宣扬封建迷信、淫秽、色情、赌博、暴力、凶杀、恐怖，教唆犯罪的；(七)公然侮辱他人或者捏造事实诽谤他人的；(八)损害国家机关信誉的；(九)其他违反宪法和法律、行政法规的。第二十条 违反法律、行政法规，有本办法第五条、第六条所列行为之一的，由公安机关给予警告，有违法所得的，没收违法所得，对个人可以并处五千元以下的罚款，对单位可以并处一万五千元以下的罚款。

如确因正常的工作、学习需要，可以在采取规范的信息安全技术措施情况下，偶尔翻墙，但是绝对不能向他人提供翻墙软件、账号，更不能发表、传播危害国家安全等非法内容。

珍惜资源，请勿用于从事非法活动。

利用node-windows，将nodejs程序发布为windows服务。

安装

安装 node-windows 的推荐方法是使用 npm，使用全局标志：

1

npm install -g node-windows

然后，在您的项目根目录中，运行：

1

npm link node-windows

生成文件

npm库介绍上有段说明。

node-windows 有一个实用程序可以将 Node.js 脚本作为 Windows 服务运行。请注意，像所有 Windows 服务一样，创建一个需要管理权限。要使用节点窗口创建服务，请准备如下类似脚本：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

var Service = require('node-windows').Service;

var svc = new Service({
  name: 'myservice',
  description: 'this is my windows service',
  script: require('path').join(__dirname, 'client.js'),
  nodeOptions: [
    '--harmony',
    '--max_old_space_size=4096'
  ]
});

svc.on('install', function () {
  svc.start();
});

svc.on('uninstall', function () {
  console.log('Uninstall complete.');
  console.log('The service exists: ', svc.exists);
});

svc.on('error ', function () {

})

svc.install();

该Service对象发出以下事件：

• install - 当脚本作为服务安装时触发。
• alreadyinstalled - 如果脚本已知是服务则触发。
• invalidinstallation - 如果检测到安装但缺少所需文件则触发。
• uninstall - 卸载完成时触发。
• alreadyuninstalled - 请求卸载但不存在安装时触发。
• start - 新服务启动时触发。
• stop - 服务停止时触发。
• error - 在某些情况下发生错误时触发。

管理服务

安装

1
2

sc.exe create qqian binpath='./deamon/myservice.exe'  start=auto
[SC] CreateService 成功

删除

1

sc.exe delete "myservice.exe"

启动

1

net start myservice

停止

1

net stop myservice

记录一次Vue中使用axios进行网络请求。起初封装很简单，只包含get和post两种请求接口：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

// http.js
import axios from 'axios'

/**
 * get方法，对应get请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
export function get(url, params) {
    return new Promise((resolve, reject) => {
        axios.get(url, {
            params: params
        }).then(res => {
            resolve(res);
        }).catch(err => {
            reject(err)
        })
    });
}
/** 
 * post方法，对应post请求 
 * @param {String} url [请求的url地址] 
 * @param {Object} params [请求时携带的参数] 
 */
export function post(url, params) {
    return new Promise((resolve, reject) => {
        axios.post(url, QS.stringify(params))
            .then(res => {
                resolve(res);
            })
            .catch(err => {
                reject(err)
            })
    });
}

使用时：

1
2
3
4
5
6
7

import { get, post } from './http/http'

var url = 'http://localhost:10119/idiom/queryStoryByWord?word=%E6%9C%9D%E4%B8%89%E6%9A%AE%E5%9B%9B';

get(url).then((response) => {
    console.log(response)
})

后经过一次更新升级：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

// request.js
import axios from 'axios' 
//axios响应头，直接copy官方文档
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
//axios接口地址 本地就是localhost,使用时替换成后端的地址就行了
axios.defaults.baseURL = '//localhost:10119' 
 
//声明一个function request 用于封装axios，他接受一个url，type和data
//
export default function request(url, type = 'GET', data = {}) {
  return new Promise((resolve, reject) => {
    let option = {
      url,
      method: type,
    }
    //tolowercase转换成小写===get的话
    if(type.toLowerCase() === 'get') {
        //`params` 是即将与请求一起发送的 URL 参数
      option.params = data
      //否则的话就等于自己输入的data
    }else {
      option.data = data
    }
    //如果有token
    if(localStorage.token) {
      axios.defaults.headers.common['Authorization']  = localStorage.token
    }

    axios(option).then(res => {
      // console.log(res.data);
      
      //如果res.data.status的状态为ok且本地的token和res.data.token一样那么就resolve
      if(res.status===200 && res.data.code === 0) {
        if(res.data.token) {
          localStorage.token = res.data.token
        }
        resolve(res.data)
        //否则的话就message错误然后reject
      }else{
        reject(res.data)
      }
      //捕获异常，如果什么都不是那就网络异常
    }).catch(err => {
      reject({ msg: '网络异常:'+err })
    })
  })
} 
//使用方式  
// request('/auth/login', 'POST', {username: 'hunger', password: '123456'})
//   .then(data=>{
//     console.log(data) 
//   }) 

1
2
3
4
5
6
7
8
9
10
11
12
13

// api.js
import request from './request.js'

//直接声明一个URL存储接口地址
const URL = {
    GET_IDIOM_BY_ID: '/idiom/queryById'
};

export default {
    queryById({ id }) {
        return request(URL.GET_IDIOM_BY_ID, 'GET', { id });
    },
};

使用时：

1
2
3
4
5

import api from './http/api.js'

api.queryById({id:3506}).then(data => {
    console.log(data);
})

这样做的好处是后续只需要维护好业务访问接口api.js就好。

1. 下载sqllite数据库

在本机中安装sqlite数据库。下载地址为（http://www.sqlite.org/download.html）。windows下载sqlite-tools-win32-x86-3380100.zip

加载完成后解压并添加到环境变量path中，cmd输入sqlite3，会有提示SQLite version等等的提示，表示安装成功；

1
2
3
4
5
6
7
8
9

Microsoft Windows [版本 10.0.19043.1586]
(c) Microsoft Corporation。保留所有权利。

C:\Users\Administrator>sqlite3
SQLite version 3.38.1 2022-03-12 13:37:29
Enter ".help" for usage hints.
Connected to a transient in-memory database.
Use ".open FILENAME" to reopen on a persistent database.
sqlite>

2. 创建准备装载数据的sqlite数据库（xxx.db）

进入指定文件夹，在此文件夹中运行cmd，输入命令sqlite3 chinese-idiom.db回车，然后输入.database，就会自动创建一个数据库（chinese-idiom.db）；

1
2
3
4
5
6

C:\Users\Administrator\Documents\dumps\Chinese-idiom>sqlite3 chinese-idiom.db
SQLite version 3.38.1 2022-03-12 13:37:29
Enter ".help" for usage hints.
sqlite> .database
main: C:\Users\Administrator\Documents\dumps\Chinese-idiom\chinese-idiom.db r/w
sqlite>

3. 使用navicat连接sqlite数据库

点击连接，选中sqlite，连接名填写chinese-idiom.db，选择‘现有数据库文件’，选中数据库（chinese-idiom.db）的路径，连接测试。

4. 使用navicat把mysql数据传输数据到chinese-idiom.db中

用navicat连接mysql数据库，选中需要转移的数据库，右键选择数据传输。常规选项中的源，就是准备转移的数据源mysql。目标就是sqlite数据库，选中chinese-idiom.db，选中一个数据库（main）,然后点击开始传输。

之前发过一篇json转树状结构（收集）以处理id-pid结构形式json数据转为树形结构，多年来再次看到同样问题却有了新的想法。

可能平常会遇到一些需求，比如构建菜单，构建树形结构，数据库一般就使用父id来表示，为了降低数据库的查询压力，我们可以使用Java8中的Stream流一次性把数据查出来，然后通过流式处理.

先看实体实现类：

Menu.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67

package top.sogrey.mulMenu;

import java.util.List;

public class Menu {
/**
 * id
 */
public Integer id;
/**
 * 名称
 */
public String name;
/**
 * 父id ，根节点为0
 */
public Integer parentId;
/**
 * 子节点信息
 */
public List<Menu> childList;

public Menu(Integer id, String name, Integer parentId) {
this.id = id;
this.name = name;
this.parentId = parentId;
}

public Menu(Integer id, String name, Integer parentId, List<Menu> childList) {
this.id = id;
this.name = name;
this.parentId = parentId;
this.childList = childList;
}

public Integer getId() {
return id;
}

public void setId(Integer id) {
this.id = id;
}

public String getName() {
return name;
}

public void setName(String name) {
this.name = name;
}

public Integer getParentId() {
return parentId;
}

public void setParentId(Integer parentId) {
this.parentId = parentId;
}

public List<Menu> getChildList() {
return childList;
}

public void setChildList(List<Menu> childList) {
this.childList = childList;
}
}

java 8 中的 Stream 递归组装树形结构：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

package top.sogrey.mulMenu;

import java.util.Arrays;
import java.util.List;
import java.util.Objects;
import java.util.stream.Collectors;

import com.alibaba.fastjson.JSON;

public class MulMenu {

public static void main(String[] args) {
testtree();
}

public static void testtree() {
// 模拟从数据库查询出来
List<Menu> menus = Arrays.asList(
            new Menu(1, "根节点", 0), new Menu(2, "子节点1", 1), new Menu(3, "子节点1.1", 2),
new Menu(4, "子节点1.2", 2), new Menu(5, "根节点1.3", 2), new Menu(6, "根节点2", 1),
            new Menu(7, "根节点2.1", 6),new Menu(8, "根节点2.2", 6), new Menu(9, "根节点2.2.1", 7),
            new Menu(10, "根节点2.2.2", 7), new Menu(11, "根节点3", 1), new Menu(12, "根节点3.1", 11));

// 获取父节点
List<Menu> collect = menus.stream().filter(m -> m.getParentId() == 0).map((m) -> {
m.setChildList(getChildrens(m, menus));
return m;
}).collect(Collectors.toList());
System.out.println(JSON.toJSON(collect));
}

/**
 * 递归查询子节点
 * 
 * @param root 根节点
 * @param all  所有节点
 * @return 根节点信息
 */
private static List<Menu> getChildrens(Menu root, List<Menu> all) {
List<Menu> children = all.stream().filter(m -> {
return Objects.equals(m.getParentId(), root.getId());
}).map((m) -> {
m.setChildList(getChildrens(m, all));
return m;
}).collect(Collectors.toList());
return children;
}
}

输出结构如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79

[
    {
        "name": "根节点", 
        "childList": [
            {
                "name": "子节点1", 
                "childList": [
                    {
                        "name": "子节点1.1", 
                        "childList": [ ], 
                        "id": 3, 
                        "parentId": 2
                    }, 
                    {
                        "name": "子节点1.2", 
                        "childList": [ ], 
                        "id": 4, 
                        "parentId": 2
                    }, 
                    {
                        "name": "根节点1.3", 
                        "childList": [ ], 
                        "id": 5, 
                        "parentId": 2
                    }
                ], 
                "id": 2, 
                "parentId": 1
            }, 
            {
                "name": "根节点2", 
                "childList": [
                    {
                        "name": "根节点2.1", 
                        "childList": [
                            {
                                "name": "根节点2.2.1", 
                                "childList": [ ], 
                                "id": 9, 
                                "parentId": 7
                            }, 
                            {
                                "name": "根节点2.2.2", 
                                "childList": [ ], 
                                "id": 10, 
                                "parentId": 7
                            }
                        ], 
                        "id": 7, 
                        "parentId": 6
                    }, 
                    {
                        "name": "根节点2.2", 
                        "childList": [ ], 
                        "id": 8, 
                        "parentId": 6
                    }
                ], 
                "id": 6, 
                "parentId": 1
            }, 
            {
                "name": "根节点3", 
                "childList": [
                    {
                        "name": "根节点3.1", 
                        "childList": [ ], 
                        "id": 12, 
                        "parentId": 11
                    }
                ], 
                "id": 11, 
                "parentId": 1
            }
        ], 
        "id": 1, 
        "parentId": 0
    }
]

参考

• 别再写一堆的 for 循环了！Java 8 中的 Stream 轻松遍历树形结构，是真的牛逼！

• 致敬2020，重启2021
• 总结2019，展望2020
• 再见2018，你好2019

写这篇总结时，正是西安疫情最紧张的时候，就今天公司所在大厦物业通知将关闭，即日起就要居家办公了，上次居家办公就是新冠疫情刚刚爆发时。现在看着每天新增病例，心情不是一般的沉重,扶好键盘准备写些什么，却也没了主意，就只能简单的总述下吧，多的也没心思写了。只“西”望你我都“安”然无恙，西安加油。

工作上

今年年初是的工作重心还在CAD渲染引擎上，逐步实现LOD方式加载，合并渲染着色器参数到texture中去采样。CAD渲染引擎逐步趋于稳定，逐步减慢开发，着重结合客户反馈，修复和优化。年中，重回BIM引擎组，主要的工作重心在引擎上层引用接口和功能的开发，开发了独立插件模块立方导航、剖面框系统、光源等，虽然截止至今，光源模块中的锯齿问题还在，由于底层原因，比较难以解决。

由于在BIM引擎开发中，已有部分开发力量转向UE4,将来会遇到更多BIM引擎的客户反馈，我相信自己可以做好。

入公司已多年，见证公司自14年以来发展历程，也发展得越来越好，相信今后会更好。

个人提升

虽然今年全年的工作重心都在引擎开发上，不论是CAD引擎（three.js开发）还是BIM引擎（Cesium开发），在三维世界中，遇到很多与旋转矩阵计算相关的内容，这块是我所欠缺的，每次计算旋转矩阵都会很头疼，但是还好，不论是自己摸索还是技穷时请教同事们，最终有圆满解决，在三维空间各矩阵计算能力有所提升，但还不够，有时任然会毫无头绪。

生活上

疫情爆发以来，陆陆续续会有不安的因素，每天出门都习惯口罩，还是希望能早日安心的呼吸。

一直嘴上说要考的驾考，成功通过科目二，科目三 两次都未通过，看来又要往后拖了。

本文主要给大家介绍了关于利用JS对iframe父子（内外）页面进行操作的方法.

1. 获得iframe的window对象

存在跨域访问限制。

• chrome：iframeElement. contentWindow
• firefox：iframeElement.contentWindow
• ie6：iframeElement.contentWindow

一些浏览器可以通过iframeElement.contentDocument.parentWindow获得iframe的window对象。但经过测试firefox、chrome的element.contentDocument对象没有parentWindow属性。

1
2
3
4

function getIframeWindow(element){
    return  element.contentWindow;
    //return  element.contentWindow || element.contentDocument.parentWindow;
}

2. 获得iframe的document对象

存在跨域访问限制。

• chrome：iframeElement.contentDocument
• firefox：iframeElement.contentDocument
• ie：element.contentWindow.document

备注：ie没有iframeElement.contentDocument属性。

1
2
3

var getIframeDocument = function(element) {
    return  element.contentDocument || element.contentWindow.document;
};

3. iframe中获得父页面的window对象

存在跨域访问限制。

• 父页面：window.parent
• 顶层页面：window.top

适用于所有浏览器

4. 获得iframe在父页面中的html标签

存在跨域访问限制。

window.frameElement（类型：HTMLElement）

适用于所有浏览器

5. iframe的onload事件

非ie浏览器都提供了onload事件。例如下面代码在ie中是不会有弹出框的。

1
2
3
4
5
6

var ifr = document.createElement('iframe');
ifr.src = 'http://www.b.com/index.php';
ifr.onload = function() {
    alert('loaded');
};
document.body.appendChild(ifr);

但是ie却又似乎提供了onload事件，下面两种方法都会触发onload

方法一：

1

<iframe  onload="alert('loaded');"  src="http://www.b.com/index.php"></iframe>

方法二：

1
2
3

//只有ie才支持为createElement传递这样的参数
var ifr = document.createElement('<iframe  onload="alert('loaded');" src="http://www.b.com/index.php"></iframe>');
document.body.appendChild(ifr);

由于iframe元素包含于父级页面中，因此以上方法均不存在跨域问题。

实际上IE提供了onload事件，但必须使用attachEvent进行绑定。

1
2
3
4
5
6
7
8

var ifr = document.createElement('iframe');
ifr.src = 'http://b.a.com/b.php';
if (ifr.attachEvent) {
    ifr.attachEvent('onload',  function(){ alert('loaded'); });
} else {
    ifr.onload  = function() { alert('loaded'); };
}
document.body.appendChild(ifr);

6. frames

window.frames可以取到页面中的帧(iframe、frame等)，需要注意的是取到的是window对象，而不是HTMLElement。

1
2
3
4

var ifr1 = document.getElementById('ifr1');
var ifr1win = window.frames[0];
ifr1win.frameElement === ifr1;   // true
ifr1win === ifr1;    // false

参考

• JS操作iframe
• JS操作iframe元素

1 安装依赖包

安装Nginx需要依赖下面几个包：

1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ )
2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ )
3. ssl 功能需要 openssl 库 ( 下载: http://www.openssl.org/ )

依赖包安装顺序依次为:openssl、zlib、pcre, 然后安装Nginx包

在线安装执行以下命令：

1

yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

2 下载Nginx并解压安装包

1
2
3
4
5

cd /usr/local 
mkdir nginx # 创建一个文件夹
cd nginx
wget http://nginx.org/download/nginx-1.13.7.tar.gz # 下载tar包
tar -xvf nginx-1.13.7.tar.gz # 解压

3 安装nginx

1
2
3
4
5

cd /usr/local/nginx # 进入nginx目录
cd nginx-1.13.7
./configure # 执行命令
make # 执行make命令
make install # 执行make install命令

4 配置nginx.conf

1

vi /usr/local/nginx/conf/nginx.conf # 打开配置文件

// TODO

5 启动nginx

1

/usr/local/nginx/sbin/nginx -s reload

查看nginx进程是否启动：

1

ps -ef | grep nginx

6 访问服务器ip查看

7 一般常用命令

进入安装目录中，命令：

1

cd /usr/local/nginx/sbin

启动，关闭，重启，命令：

1
2
3

./nginx           # 启动
./nginx -s stop   # 关闭
./nginx -s reload # 重启

常见异常处理

1. nginx: [error] open() ＂/usr/local/nginx/logs/nginx.pid＂ failed

如果出现报错：nginx: [error] open() ＂/usr/local/nginx/logs/nginx.pid＂ failed

则运行：

1

/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

重新启动即可！

2. 外部主机访问虚拟机连接异常

若想使用外部主机连接上虚拟机访问端口192.168.131.2，需要关闭虚拟机的防火墙：

centOS6及以前版本使用命令：

1

systemctl stop iptables.service

centOS7关闭防火墙命令：

1

systemctl stop firewalld.service

随后访问该ip即可看到nginx界面。

参考

• LINUX安装nginx详细步骤
• Linux 安装Nginx详细图解教程

在Win10系统中系统设置其实也是一个Modern应用，它与ms-settings:协议进行了关联，在设置应用中的每一个具体的设置页面都有一个URI（统一资源标识符）与之对应，通过这些URI就可以直达某个具体的设置页面。

如何使用这些URI

1. 可以按Win+R打开运行，直接将URI粘贴到运行输入框回车即可；
2. 可以新建快捷方式，将URI作为对象位置键入；
3. HTML a标签href；

分类设置页面URI

9 月 23 日-25 日，华为全联接 2021 在线上举办。近日，华为在全联接大会上发布了全新操作系统“openEuler 欧拉”。openEuler 是一个开源、免费的 Linux 发行版平台，将通过开放的社区形式与全球的开发者共同构建软件生态体系。同时，openEuler 也是一个创新的平台，鼓励任何人在该平台上提出新想法、开拓新思路、实践新方案。

• openEuler官网 https://openeuler.org/

下载地址：https://openeuler.org/zh/mirror/list/

怀着对国产操作系统的支持，下载安装来体验一把。

安装过程其实也并不复杂，这里一笔带过。安装完成后重启看到下面界面：

登入root账户:

对于熟悉linux系统的资深linuxer,到这已经够用了。但对于我，命令行显然并不友好，下面安装GUI，GUI选择华为为OpenEuler研发的UKUI。

UKUI官网有文UKUI for openEuler 发布！,文末记录了如何安装UKUI。

开始安装UKUI,可直接使用yum install安装：

1

yum install ukui

期间需要输入几次y已确认安装。

安装字体库：

1

yum groupinstall fonts -y

确认以上安装完成后，输入：

1

systemctl set-default graphical.target

重启(reboot)之后即可启动图形界面。

最近我的Windows 10系统提示需要更新，而且是到了最后时间，将来将不会再为我推送更新提醒，我一般不愿意更新系统，浪费时间还老是出问题，这次看来非更新不可了，这或许又是微软的套路吧。

果然更新后，微软无耻的把自己的Powershell推上了舞台，这个工具好不好用不知道，我一般就用CMD和Git Bash,使用Git Bash会更多一些。

目前我做前端多一些，VSCode则是必不可少的编辑器了。自从系统更新后，VSCode终端就默认使用Powershell（如下图）,这让我一些Bash脚本无法执行，今天就来修改VSCode默认终端为Git Bash。

点击VSCode左下角的齿轮，展开点击[设置]

搜索关键词shell,选择终端 > Terminal › Integrated › Automation Shell: Windows > 在 settings.json 中编辑

我之前配置的是下面这个，已经不能用了（具体可参考 Integrated Terminal）：

1

"terminal.integrated.profiles.windows": "C:\\Program Files\\Git\\bin\\bash.exe",

将以下内容加到配置文件大括弧内：

1
2
3
4
5
6
7
8
9
10
11
12
13

"terminal.integrated.profiles.windows": {
    "PowerShell -NoProfile": {
      "source": "PowerShell",
      "args": [
        "-NoProfile"
      ]
    },
    "Git-Bash": {
      "path": "C:\\Program Files\\Git\\bin\\bash.exe",
      "args": []
    }
  },
"terminal.integrated.defaultProfile.windows": "Git-Bash",

我的 Git bash 安装在C盘就写C盘路径。

关闭配置，回到终端，点击下拉箭头，可以看到很多可选终端，并且Git bash设为默认，新建一个终端默认使用Git Bash。

终于我的Bash脚本又飞起来了。

准备工作可阅读前一篇玩转Windows子系统Linux之准备工作

操作环境

• 主系统 ： Windows 10 专业版64位 [需要开启：开发者模式和Windows功能（适用于Linux的Windows子系统）]
• 子系统 ： Kali Linux

安装Kali Linux子系统

准备工作完成后，在 Windows 10 的软件商店中搜索WSL找到Kali Linux,点击 “获取” 之后系统会自动下载安装, 安装完成后会出现”启动”按钮。

点击“启动”，第一次正常启动子系统时会开始安装，安装完成之后会要求设置系统用户名和用户密码，用户名最好用小写英文，密码不要忘记，后面要用到。

至此, 子系统就安装完成了。类似的步骤也可以安装其他Linux，比如 Ubuntu Linux 。

Win10子系统kali linux安装图形化界面

按Ctrl+D退出登录，并打开Windows命令行（WIN+R 输入CMD）输入如下命令:

1
2
3
4

kali config --default-user root

net stop LxssManager
net start LxssManager

从开始找到刚安装的Kali Linux打开就默认位root用户了。

修改密码：

1
2
3
4
5

┌──(root💀DESKTOP-10KKBKG)-[~]
└─# passwd root
New password:
Retype new password:
passwd: password updated successfully

换中科大Kali源

习惯的先备份原文件：

1
2

┌──(root💀DESKTOP-10KKBKG)-[~]
└─# mv /etc/apt/sources.list /etc/apt/sources.list.bak

创建新的/etc/apt/sources.list输入以下内容:

1
2

deb https://mirrors.ustc.edu.cn/kali kali-rolling main non-free contrib
deb-src https://mirrors.ustc.edu.cn/kali kali-rolling main non-free contrib

输入完以上内容 按Ctrl+X 退出，提示是否保存 ，按键Y确认保存。

执行以下命令update一下：

1
2

┌──(root💀DESKTOP-10KKBKG)-[~]
└─# apt-get update

安装图形界面

依次执行以下命令:

1
2

┌──(root💀DESKTOP-10KKBKG)-[~]
└─# apt-get install kali-desktop-xfce

需要输入Y(es),一会儿出现下面界面，选择第一项就好，按↑↓键移动到第一项点击空格选中，点击Tab键切换到OK按钮回车确认。后面就是漫长等待…

1
2
3
4
5
6
7
8

┌──(root💀DESKTOP-10KKBKG)-[~]
└─# apt-get install xorg

┌──(root💀DESKTOP-10KKBKG)-[~]
└─# apt-get install xfce4

┌──(root💀DESKTOP-10KKBKG)-[~]
└─# apt-get install xrdp

1
2
3

sudo sed -i 's/port=3389/port=3390/g' /etc/xrdp/xrdp.ini
sudo echo xfce4-session > ~/.xsession
sudo service xrdp restart

接着win+R打开运行栏，输入cmd，输入命令ipconfig查看自己ip。注意你用的网线就是以太网适配器ipv4，用的无线就是无线局域网适配器WLAN下的ipv4。

再次win+R打开运行栏，输入mstsc，打开远程桌面，输入自己的ip地址xxx.xxx.xxx.xxx:3390，点击连接，打开远程连接对话框。

输入上面第一步时添加的用户和密码登录，或者后面我们修改过密码的root用户登录。

进入到kali的图形化界面。

WSL 全称为 Windows Subsystem for Linux (Windows 下的 Linux 子系统)。是一个在Windows 10上能够运行原生Linux二进制可执行文件（ELF格式）的兼容层。 Windows 下的 Linux 子系统并不包含 Linux 内核, 所以这严格上讲并不是一个真正的 Linux 系统。

操作环境

• Windows 10 专业版64位

准备工作

开始 > 设置 > 应用

点击 程序和功能 打开 程序和功能窗口。

点击 启用或关闭Windows功能 选中 适用于Linux的Windows子系统，点击确定，等待安装完成。

安装完成后需要重启计算机。

完成上面一系列操作，准备工作就做完了，现在去Windows10软件商店搜索WSL即可找到Linux。

据悉，GitHub防黑客新措施：弃用账密验证Git操作，改用token或SSH密钥，8月14号0点（8月13日9:00 PST）开始，在GitHub上执行Git操作就会导致失败。

GitHub官方表示，这一举措是为了提高Git操作的安全性，防止密码撞库等事情发生。

现在，GitHub开始强制用户采用token或SSH密钥进行身份验证。相比于账密，这两者的安全性显然更高：

• 唯一性：仅限GitHub使用，根据设备/使用次数生成
• 可撤销性：可随时被单独撤销，其他凭证不受影响
• 区域性：使用范围可控，只允许在部分访问活动中执行
• 随机性：不受撞库影响，比账密复杂度更高

虽然目前GitHub官方推荐的是token，因为它设置更为简单，不过相比之下，SSH密钥的安全性要更高一些。

本地生成新的 SSH 密钥

设置git的user name和email

如果你是第一次使用，或者还没有配置过的话需要操作一下命令，自行替换相应字段:

1
2

git config --global user.name "<Your Name>"
git config --global user.email "<Your Email>"

Tips:

git config --list 查看当前Git环境所有配置，还可以配置一些命令别名之类的。

检查是否存在SSH Key

打开Git Bash,输入：

1

ls -al ~/.ssh

来查看是否有ssh key存在。

如图，提示不存在，下面准备生成新的SSH。

生成一个新的SSH key并添加到ssh-agent

打开Git Bash,输入：

1

ssh-keygen -t rsa -b 4096 -C "your_email@example.com"

**注意：**如果您使用的是不支持 Ed25519 算法的旧系统，请使用：

1	ssh-keygen -t rsa -b 4096 -C "your_email@example.com"

生成一个新的ssh key，使用填入的邮箱地址作为ssh key的标签，并生成RSA密钥对。

看到如下提示时按下回车，表示把ssh key放在默认地址：

1

Enter file in which to save the key (/c/Users/Administrator/.ssh/id_rsa):

然后为ssh key设置密码

1
2

Enter passphrase (empty for no passphrase):
Enter same passphrase again:

创建完ssh key后，你需要把它添加到ssh-agent中去。

首先保证ssh-agent启用了：

1

eval "$(ssh-agent -s)"

该指令返回进程id则表示已经启用ssh-agent

使用如下指令把ssh key添加到ssh-agent中:

1

ssh-add ~/.ssh/id_rsa

为你的github账号添加SSH key

在把ssh key添加到ssh-agent后，你需要把ssh key添加到你的github账号中。

打开Git Bash，使用指令把ssh key复制到剪贴板：

1

clip < ~/.ssh/id_rsa.pub

登录Github,依次点击Settings > SSH and GPG keys > New SSH key,在Key一栏输入刚刚复制的ssh key, Title一栏随便填写：

填写完成点击Add SSH key后需要输入github密码验证即可。

测试你的SSH连接

操作完以上一系列操作，是时候测试下刚配置的SSH是否成功。

打开Git Bash，输入以下指令：

1

ssh -T git@github.com

尝试去用ssh连接github，看到一些警告信息

1
2
3

The authenticity of host 'github.com (140.82.113.3)' can't be established.
RSA key fingerprint is SHA256:nThbg6kXUpJWGl7E1IGOCspRomTxdCARLviKw6E5SY8.
Are you sure you want to continue connecting (yes/no/[fingerprint])?

只管输入yes就好。你将会看到如下信息：

1

Hi Sogrey! You've successfully authenticated, but GitHub does not provide shell access.

则表示ssh连接成功了。如果收到access denied,可参考这里。

改变远程仓库的URL

SSH配置完成后，需要把远程仓库URL由HTTPS改为SSH。

打开Git Bash，转到工作目录下，先查看远程仓库地址：

1

git remote -v

更改远程仓库的url:

1

git remote set-url origin git@github.com:USERNAME/OTHERREPOSITORY.git

origin为仓库名，后面接的是ssh仓库地址。

到此Github的SSH key配置大功告成。

为TortoiseGit添加SSH

我比较喜欢使用可视化工具，TortoiseGit就是其中之一，Github这次强制用户采用token或SSH密钥进行身份验证也影响到了TortoiseGit的使用，下面进行TortoiseGit的SSH配置。

找到TortoiseGit自带的PuTTYgen工具，打开后点击Generate(生成的过程中记得移动鼠标)

PuTTYgen工具窗口先不要关闭，将框中显示的公钥复制下来依照之前提到的添加到github的ssh。

点击PuTTYgen工具窗口Save private key保存一个.ppk文件，适当命名找个目录存档。

找到TortoiseGit自带的Pageant Key List工具,点击Add Key添加刚刚保存的.ppk文件即可。

异常处理

1. git报错ssh: connect to host github.com port 22: Connection timed out

参考这里成功解决

参考

• 使用SSH 连接到 GitHub - GitHub Docs
• Creating a personal access token - GitHub Docs
• Generating a new SSH key and adding it to the ssh-agent - GitHub Docs

Linux上安装JDK,动手记录不迷路。

安装JDK

Ubuntu

网络畅通时可选择在线安装，简单方便。

1
2
3

sudo apt-get update
sudo apt-get install default-jre
sudo apt-get install default-jdk

以上是默认的安装版本。如果想安装特定的版本：

1
2

sudo apt-get install openjdk-7-jre
sudo apt-get install openjdk-7-jdk

离线安装。

下载jdk压缩包， 创建一个目录来存放jdk,并解压tar ：

1
2

sudo mkdir /usr/lib/jvm
sudo tar -zxvf jdk-8u181-linux-x64.tar.gz -C /usr/lib/jvm

解压后可删除压缩包：

1

rm -rf jdk-7u79-linux-x64.tar.gz

修改环境变量

1

sudo vim ~/.bashrc

文件末尾追加如下内容

1
2
3
4
5

#set oracle jdk environment
export JAVA_HOME=/usr/lib/jvm/jdk1.8.0_181  ## 这里要注意目录要换成自己解压的jdk 目录
export JRE_HOME=${JAVA_HOME}/jre  
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib  
export PATH=${JAVA_HOME}/bin:$PATH  

使环境变量生效

1

source ~/.bashrc

设置默认jdk

1
2
3
4
5

sudo update-alternatives --install /usr/bin/java java /usr/lib/jvm/jdk1.8.0_181/bin/java 300  
sudo update-alternatives --install /usr/bin/javac javac /usr/lib/jvm/jdk1.8.0_181/bin/javac 300  
sudo update-alternatives --install /usr/bin/jar jar /usr/lib/jvm/jdk1.8.0_181/bin/jar 300   
sudo update-alternatives --install /usr/bin/javah javah /usr/lib/jvm/jdk1.8.0_181/bin/javah 300   
sudo update-alternatives --install /usr/bin/javap javap /usr/lib/jvm/jdk1.8.0_181/bin/javap 300 

执行

1

sudo update-alternatives --config java

测试是否安装成功

1
2

java -version
javac -version

卸载JDK

Ubuntu

要删除 OpenJDK (如果已安装的话)。首先，检查是安装的哪个 OpenJDK包。

1

# dpkg --list | grep -i jdk

移除 openjdk包:

1

# apt-get purge openjdk*

卸载 OpenJDK 相关包：

1

# apt-get purge icedtea-* openjdk-*

检查所有 OpenJDK包是否都已卸载完毕：

1

# dpkg --list | grep -i jdk

完毕。

最近需要在linux上测试程序，Oracle VM VirtualBox上安装了CentOS，但是增强工具安装不成功，导致共享文件夹不能使用，主机与虚拟机之间不能文件交换，特此记录解决方案，以备后用。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

Verifying archive integrity... All good.
Uncompressing VirtualBox 6.1.20 Guest Additions for Linux........
VirtualBox Guest Additions installer
Removing installed version 6.1.16 of VirtualBox Guest Additions...
Copying additional installer modules ...
Installing additional modules ...
VirtualBox Guest Additions: Starting.
VirtualBox Guest Additions: Building the VirtualBox Guest Additions kernel 
modules.  This may take a while.
VirtualBox Guest Additions: To build modules for other installed kernels, run
VirtualBox Guest Additions:   /sbin/rcvboxadd quicksetup <version>
VirtualBox Guest Additions: or
VirtualBox Guest Additions:   /sbin/rcvboxadd quicksetup all
VirtualBox Guest Additions: Building the modules for kernel 
4.18.0-240.1.1.el8_3.x86_64.

VirtualBox Guest Additions: Look at /var/log/vboxadd-setup.log to find out what 
went wrong
modprobe vboxguest failed
The log file /var/log/vboxadd-setup.log may contain further information.
Press Return to close this window...

查看错误日志/var/log/vboxadd-setup.log:

1
2
3
4
5
6
7
8
9
10

[sogrey@localhost ~]$ sudo cat /var/log/vboxadd-setup.log
[sudo] sogrey 的密码：
Building the main Guest Additions 6.1.20 module for kernel 4.18.0-240.1.1.el8_3.x86_64.
Error building the module.  Build output follows.
make V=1 CONFIG_MODULE_SIG= CONFIG_MODULE_SIG_ALL= -C /lib/modules/4.18.0-240.1.1.el8_3.x86_64/build M=/tmp/vbox.0 SRCROOT=/tmp/vbox.0 -j2 modules
make[1]: warning: -jN forced in submake: disabling jobserver mode.
Makefile:978: *** "Cannot generate ORC metadata for CONFIG_UNWINDER_ORC=y, please install libelf-dev, libelf-devel or elfutils-libelf-devel".  Stop.
make: *** [/tmp/vbox.0/Makefile-footer.gmk:117: vboxguest] Error 2
modprobe vboxguest failed
[sogrey@localhost ~]$

提示我们Cannot generate ORC metadata for CONFIG_UNWINDER_ORC=y, please install libelf-dev, libelf-devel or elfutils-libelf-devel.

我们逐一尝试安装，貌似只有最后一个有效：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

[sogrey@localhost ~]$ sudo yum install elfutils-libelf-devel
[sudo] sogrey 的密码：
CentOS Linux 8 - BaseOS                                143  B/s | 3.9 kB     00:27    
CentOS Linux 8 - Extras                                2.7 kB/s | 1.5 kB     00:00    
CentOS Linux 8 - PowerTools                            6.9 kB/s | 4.3 kB     00:00    
Docker CE Stable - x86_64                              6.1 kB/s | 3.5 kB     00:00    
Extra Packages for Enterprise Linux Modular 8 - x86_64  32 kB/s | 9.9 kB     00:00    
Extra Packages for Enterprise Linux Modular 8 - x86_64 482 kB/s | 612 kB     00:01    
Extra Packages for Enterprise Linux 8 - x86_64          30 kB/s |  11 kB     00:00    
Extra Packages for Enterprise Linux 8 - x86_64         1.3 MB/s | 9.4 MB     00:07    
packages-microsoft-com-prod                             10 kB/s | 3.0 kB     00:00    
packages-microsoft-com-prod                             80 kB/s | 2.9 MB     00:37    
依赖关系解决。
=======================================================================================
 软件包                        架构           版本                仓库            大小
=======================================================================================
安装:
 elfutils-libelf-devel         x86_64         0.180-1.el8         baseos          58 k

事务概要
=======================================================================================
安装  1 软件包

总下载：58 k
安装大小：34 k
确定吗？[y/N]： y
下载软件包：
[MIRROR] elfutils-libelf-devel-0.180-1.el8.x86_64.rpm: Curl error (28): Timeout was reached for http://mirrors.cqu.edu.cn/CentOS/8.3.2011/BaseOS/x86_64/os/Packages/elfutils-libelf-devel-0.180-1.el8.x86_64.rpm [Connection timed out after 30000 milliseconds]
elfutils-libelf-devel-0.180-1.el8.x86_64.rpm           1.9 kB/s |  58 kB     00:30    
---------------------------------------------------------------------------------------
总计                                                   1.9 kB/s |  58 kB     00:30     
运行事务检查
事务检查成功。
运行事务测试
事务测试成功。
运行事务
  准备中  :                                                                        1/1 
  安装    : elfutils-libelf-devel-0.180-1.el8.x86_64                               1/1 
  运行脚本: elfutils-libelf-devel-0.180-1.el8.x86_64                               1/1 
  验证    : elfutils-libelf-devel-0.180-1.el8.x86_64                               1/1 
Installed products updated.

已安装:
  elfutils-libelf-devel-0.180-1.el8.x86_64                                             

完毕！
[sogrey@localhost ~]$ 

安装完成后移出增强工具虚拟盘，重新挂载安装增强工具，遗憾，仍然失败：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

Verifying archive integrity... All good.
Uncompressing VirtualBox 6.1.20 Guest Additions for Linux........
VirtualBox Guest Additions installer
Removing installed version 6.1.20 of VirtualBox Guest Additions...
Copying additional installer modules ...
Installing additional modules ...
VirtualBox Guest Additions: Starting.
VirtualBox Guest Additions: Building the VirtualBox Guest Additions kernel 
modules.  This may take a while.
VirtualBox Guest Additions: To build modules for other installed kernels, run
VirtualBox Guest Additions:   /sbin/rcvboxadd quicksetup <version>
VirtualBox Guest Additions: or
VirtualBox Guest Additions:   /sbin/rcvboxadd quicksetup all
VirtualBox Guest Additions: Building the modules for kernel 
4.18.0-240.1.1.el8_3.x86_64.
ValueError: File context for /opt/VBoxGuestAdditions-6.1.20/other/mount.vboxsf already defined
Press Return to close this window...

注意提示ValueError: File context for /opt/VBoxGuestAdditions-6.1.20/other/mount.vboxsf already defined,说这个文件已经存在，网上找到这个帖子ValueError: mount.vboxsf already defined ,帖子末尾给出两句命令：

1
2

# semanage fcontext -d /opt/VBoxGuestAdditions-<VERSION>/other/mount.vboxsf
# restorecon /opt/VBoxGuestAdditions-<VERSION>/other/mount.vboxsf

在终端依次执行，注意需要root权限执行，替换<VERSION> 为你当前安装的增强工具版本号，前面截图中有标识6.1.20。

完成后，再一次移除虚拟盘，重新挂载安装：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

Verifying archive integrity... All good.
Uncompressing VirtualBox 6.1.20 Guest Additions for Linux........
VirtualBox Guest Additions installer
Removing installed version 6.1.20 of VirtualBox Guest Additions...
Copying additional installer modules ...
Installing additional modules ...
VirtualBox Guest Additions: Starting.
VirtualBox Guest Additions: Building the VirtualBox Guest Additions kernel 
modules.  This may take a while.
VirtualBox Guest Additions: To build modules for other installed kernels, run
VirtualBox Guest Additions:   /sbin/rcvboxadd quicksetup <version>
VirtualBox Guest Additions: or
VirtualBox Guest Additions:   /sbin/rcvboxadd quicksetup all
VirtualBox Guest Additions: Building the modules for kernel 
4.18.0-240.1.1.el8_3.x86_64.
VirtualBox Guest Additions: Running kernel modules will not be replaced until 
the system is restarted
Press Return to close this window...

ok，成功了（可能需要重启），可以尽情使用共享文件夹功能了。

记录Redis开发中遇到的填坑经历。

配置连接远程ip的Redis

1. 修改redis服务器的配置文件redis.windows.conf
   注释绑定的主机地址

1

# bind 127.0.0.1

修改为远程连接的IP地址

1

bind 192.168.1.12

2. 在Redis根目录下，以管理员身份打开CMD命令窗口
   输入redis-server redis.windows.conf，启动服务
3. 在Redis根目录下尝试远程连接并查看

1

redis-cli -h ip地址 -p 6379 能够连接

输入info 能够输出信息

记录MySQL开发中遇到的填坑经历。

1.局域网访问报错 message from server: “Host ‘xxx’ is not allowed to connect to this MySQL server

• 改表法 (亲测)

可能是你的帐号不允许从远程登陆，只能在localhost。这个时候只要在localhost的那台电脑，登入mysql后，更改 “mysql” 数据库里的 “user” 表里的 “host” 项，从”localhost”改称”%”

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

D:\Programs\mysql-8.0.23-winx64\bin>mysql -u root -p 
Enter password: *******
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 33
Server version: 8.0.23 MySQL Community Server - GPL

Copyright (c) 2000, 2021, Oracle and/or its affiliates.

Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql> use mysql;
Database changed
mysql> select host, user from user;
+-----------+------------------+
| host      | user             |
+-----------+------------------+
| localhost | mysql.infoschema |
| localhost | mysql.session    |
| localhost | mysql.sys        |
| localhost | root             |
+-----------+------------------+
4 rows in set (0.00 sec)

mysql> update user set host = '%' where user = 'root';
Query OK, 1 row affected (0.00 sec)
Rows matched: 1  Changed: 1  Warnings: 0

mysql> select host, user from user;
+-----------+------------------+
| host      | user             |
+-----------+------------------+
| %         | root             |
| localhost | mysql.infoschema |
| localhost | mysql.session    |
| localhost | mysql.sys        |
+-----------+------------------+
4 rows in set (0.00 sec)

mysql>

• 授权法

例如，你想myuser使用mypassword从任何主机连接到mysql服务器的话。

1
2
3

GRANT ALL PRIVILEGES ON *.* TO 'myuser'@'%' IDENTIFIED BY 'mypassword' WITH GRANT OPTION; 
 
FLUSH   PRIVILEGES; 

如果你想允许用户myuser从ip为192.168.1.6的主机连接到mysql服务器，并使用mypassword作为密码

1
2
3

GRANT ALL PRIVILEGES ON *.* TO 'myuser'@'192.168.1.3' IDENTIFIED BY 'mypassword' WITH GRANT OPTION;   www.2cto.com  
 
FLUSH   PRIVILEGES; 

如果你想允许用户myuser从ip为192.168.1.6的主机连接到mysql服务器的dk数据库，并使用mypassword作为密码

1
2
3

GRANT ALL PRIVILEGES ON dk.* TO 'myuser'@'192.168.1.3' IDENTIFIED BY 'mypassword' WITH GRANT OPTION; 
 
FLUSH   PRIVILEGES; 

• 另外一种方法

在安装mysql的机器上运行：

1. d:\mysql\bin\>mysql -h localhost -u root这样应该可以进入MySQL服务器
2. mysql>GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' WITH GRANT OPTION 赋予任何主机访问数据的权限
3. mysql>FLUSH PRIVILEGES修改生效
4. mysql>EXIT 退出MySQL服务器

这样就可以在其它任何的主机上以root身份登录啦！

2. 链接MySQL提示“Too many connections”

字面意思就是连接数过多，超限了。那么现在就查下当前限制多少连接数，并且修改最大连接数。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

Microsoft Windows [版本 10.0.19043.1348]
(c) Microsoft Corporation。保留所有权利。

D:\Programs\mysql-8.0.23-winx64>cd bin

D:\Programs\mysql-8.0.23-winx64\bin>mysql -u root -p # 使用root用户登录mysql
Enter password: *******
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 8
Server version: 8.0.23 MySQL Community Server - GPL

Copyright (c) 2000, 2021, Oracle and/or its affiliates.

Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql> show processlist; # 查询mysql的所有连接
+----+-----------------+-----------------+------+---------+------+------------------------+------------------+
| Id | User            | Host            | db   | Command | Time | State                  | Info             |
+----+-----------------+-----------------+------+---------+------+------------------------+------------------+
|  5 | event_scheduler | localhost       | NULL | Daemon  | 4304 | Waiting on empty queue | NULL             |
|  8 | root            | localhost:55747 | NULL | Query   |    0 | init                   | show processlist |
+----+-----------------+-----------------+------+---------+------+------------------------+------------------+
2 rows in set (0.00 sec)

mysql> show variables like '%max_connections%'; # 查询最大连接数，看到只有 20
+------------------------+-------+
| Variable_name          | Value |
+------------------------+-------+
| max_connections        | 20    |
| mysqlx_max_connections | 100   |
+------------------------+-------+
2 rows in set, 1 warning (0.01 sec)

mysql> set GLOBAL max_connections=1000; # 设置最大连接数 1000
Query OK, 0 rows affected (0.00 sec)

mysql> show variables like '%max_connections%'; # 再次查询最大连接数，看到已经是设置好的 1000 了
+------------------------+-------+
| Variable_name          | Value |
+------------------------+-------+
| max_connections        | 1000  |
| mysqlx_max_connections | 100   |
+------------------------+-------+
2 rows in set, 1 warning (0.00 sec)

mysql> exit # 退出mysql命令行
Bye

D:\Programs\mysql-8.0.23-winx64\bin>

超过连接数的原因，是mysql的连接数保持时间太长。可以修改一下保活机制show global variables like 'wait_timeout' ，就是最大睡眠时间。

修改一下set global wait_timeout=300; 自动杀死线程。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

mysql> show global variables like 'wait_timeout';
+---------------+-------+
| Variable_name | Value |
+---------------+-------+
| wait_timeout  | 28800 |
+---------------+-------+
1 row in set, 1 warning (0.01 sec)

mysql> set global wait_timeout=300;
Query OK, 0 rows affected (0.00 sec)

mysql> show global variables like 'wait_timeout';
+---------------+-------+
| Variable_name | Value |
+---------------+-------+
| wait_timeout  | 300   |
+---------------+-------+
1 row in set, 1 warning (0.00 sec)

mysql>

刚刚的配置是临时修改，重启mysql会失效。可以通过修改mysql的配置/etc/my.cnf。

1
2
3
4
5
6

max_connections = 1024
group_concat_max_len = 1024
# 最大睡眠时间
wait_timeout=300
# 超时时间设置
interactive_timeout = 500

修改完毕后，重启mysql即可。

3. Loading class com.mysql.jdbc.Driver. This is deprecated. The new driver class is com.mysql.cj.jdbc.Driver. The driver is automatically registered via the SPI and manual loading of the driver class is generally unnecessary.

因为连接mysql8版本的数据库需要新的驱动。

1
2

# spring.datasource.driver-class-name=com.mysql.jdbc.Driver
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver

4. MySQL Workbench 连接不上mysql问题

加入host的范围

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

mysql> update user set host = '%' where user = 'root';

mysql> select user,host from mysql.user;
+------------------+-----------+
| user             | host      |
+------------------+-----------+
| root             | %         |
| mysql.infoschema | localhost |
| mysql.session    | localhost |
| mysql.sys        | localhost |
+------------------+-----------+
4 rows in set (0.00 sec)

mysql>  flush privileges;
Query OK, 0 rows affected (0.01 sec)

终于成功。记得权限类的要flush privileges!

5. 设置expire_logs_days自动过期清理binlog

最近发现磁盘满了，saomiaoxia该分区发现mysql/data下大量binlog.000xxx文件，每个都几乎1G多，这是mysql二进制日志文件用于日志记录与操作恢复的，从没清理过，导致占用很大空间。

查看binlog过期时间，设置的时间为90天，这个值默认是0天，也就是说不自动清理，可以根据生产情况修改，本例修改为7天

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

mysql> show variables like 'expire_logs_days';
+------------------+-------+
| Variable_name    | Value |
+------------------+-------+
| expire_logs_days | 0     |
+------------------+-------+
1 row in set, 1 warning (0.00 sec)

mysql> set global expire_logs_days=7;
ERROR 3683 (HY000): The option expire_logs_days and binlog_expire_logs_seconds cannot be used together. Please use binlog_expire_logs_seconds to set the expire time (expire_logs_days is deprecated)
mysql> set global  binlog_expire_logs_seconds=60*60*24*7;
Query OK, 0 rows affected (0.00 sec)

mysql> show variables like '%expire%';
+--------------------------------+--------+
| Variable_name                  | Value  |
+--------------------------------+--------+
| binlog_expire_logs_seconds     | 604800 |
| disconnect_on_expired_password | ON     |
| expire_logs_days               | 0      |
+--------------------------------+--------+
3 rows in set, 1 warning (0.00 sec)

mysql>

设置之后不会立即清除，触发条件是：

• binlog大小超过max_binlog_size
• 手动执行flush logs
• 重新启动时(MySQL将会new一个新文件用于记录binlog)

我们执行flush logs; 使之立即生效，过期日志文件就被删除了。

1
2
3
4

mysql>  flush logs;
Query OK, 0 rows affected (0.30 sec)

mysql>

删除指定日期之前的 binlog ：

1
2

mysql> PURGE MASTER LOGS BEFORE '2020-11-11 11:11:11';
Query OK, 0 rows affected (0.19 sec)

清空所有 binlog

1
2

mysql> RESET MASTER;
Query OK, 0 rows affected (0.09 sec)

配置自动清理

1

mysql> set global expire_logs_days=7;

设置过期时长。过期自动删除，上面我刚试了，但提示：

The option expire_logs_days and binlog_expire_logs_seconds cannot be used together. Please use binlog_expire_logs_seconds to set the expire time (expire_logs_days is deprecated)

大意是 expire_logs_days 与 binlog_expire_logs_seconds 不能同时使用，让我们使用 binlog_expire_logs_seconds, 因为 expire_logs_days 已经过时了。 binlog_expire_logs_seconds 设置的过期时长单位是秒，设置7天过期：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

mysql> set global  binlog_expire_logs_seconds=60*60*24*7;
Query OK, 0 rows affected (0.00 sec)

mysql> show variables like '%expire%';
+--------------------------------+--------+
| Variable_name                  | Value  |
+--------------------------------+--------+
| binlog_expire_logs_seconds     | 604800 |
| disconnect_on_expired_password | ON     |
| expire_logs_days               | 0      |
+--------------------------------+--------+
3 rows in set, 1 warning (0.00 sec)

mysql>

附录

• MySQL优化之配置文件

因为某些原因，github访问速度确实太慢,于是就出现了很多提高github访问速度的方案。在此记录几种。

GitHub 镜像访问

这里提供两个最常用的镜像地址：

• https://github.com.cnpmjs.org
• https://hub.fastgit.org

也就是说上面的镜像就是一个克隆版的 GitHub，你可以访问上面的镜像网站，网站的内容跟 GitHub 是完整同步的镜像，然后在这个网站里面进行下载克隆等操作。

不要在克隆站上登录你的github账号

GitHub 文件加速

利用 Cloudflare Workers 对 github release 、archive 以及项目文件进行加速，部署无需服务器且自带CDN.

• https://gh.api.99988866.xyz
• https://g.ioiox.com

以上网站为演示站点，如无法打开可以查看开源项目：gh-proxy-GitHub 文件加速自行部署。

Github 加速下载

只需要复制当前 GitHub 地址粘贴到输入框中就可以代理加速下载！

地址：http://toolwa.com/github/

加速你的 Github

https://github.zhlh6.cn

输入 Github 仓库地址，使用生成的地址进行 git ssh 等操作

GitHub raw 加速

GitHub raw 域名并非 github.com 而是 raw.githubusercontent.com，上方的 GitHub 加速如果不能加速这个域名，那么可以使用 Static CDN 提供的反代服务。

将 raw.githubusercontent.com 替换为 raw.staticdn.net 即可加速。

GitHub + Jsdelivr

jsdelivr 唯一美中不足的就是它不能获取 exe 文件以及 Release 处附加的 exe 和 dmg 文件。

也就是说如果 exe 文件是附加在 Release 处但是没有在 code 里面的话是无法获取的。所以只能当作静态文件 cdn 用途，而不能作为 Release 加速下载的用途。

通过 Gitee 中转 fork 仓库下载

网上有很多相关的教程，就是将github的仓库克隆同步到gitee上

通过修改 HOSTS 文件进行加速

手动把cdn和ip地址绑定。

• 获取 github 的 global.ssl.fastly 地址访问：http://github.global.ssl.fastly.net.ipaddress.com/#ipinfo 获取cdn和ip域名：

得到：199.232.69.194 https://github.global.ssl.fastly.net

• 获取github.com地址

访问：https://github.com.ipaddress.com/#ipinfo 获取cdn和ip：

得到：140.82.114.4 http://github.com

• 修改 host 文件映射上面查找到的 IP

windows系统：

• 修改C:WindowsSystem32driversetchosts文件的权限，指定可写入：右击->hosts->属性->安全->编辑->点击Users->在Users的权限“写入”后面打勾。然后点击确定。
• 右击->hosts->打开方式->选定记事本（或者你喜欢的编辑器）->在末尾处添加以下内容：

  1 2	199.232.69.194 github.global.ssl.fastly.net 140.82.114.4 github.com

参考

• 提高国内访问 GitHub 的速度的 9 种方案