博客说明

完全基于GitHub免费托管、自动部署。

1. 涉及的技术栈

非常感谢开源社区的贡献

• vuepress: Vue驱动的静态网站生成器
• theme-hope: 一个具有强大功能的 vuepress 主题
• giscus: 由 GitHub Discussions 驱动的评论系统
• analytics.google: 站点统计分析

利用GitHub免费搭建托管个人站点

1. 支持评论功能
2. 源代码不开源
3. 完全自动部署

1. GitHub服务

1.1. 基础认知

• 最广为人知的代码托管平台
• 静态文件托管服务(gh-pages)

1.2. 更多功能

• 自动化部署(actions)

1.3. 优势

• 免费服务器托管成本
• 无需管理维护服务器
• 内置集成自动化部署

常用多版本工具

日常开发、调试中经常遇到不同项目依赖的版本不一致。

nvm

node多版本管理/切换

nrm

npm源管理/切换

pyenv

python多版本管理/切换

sdkman

jdk 多版本管理/切换

不仅仅支持jdk，更多详见官网

pyenv管理python

通过 pyenv 管理 python 版本

1. 通过 homebrew 安装 pyenv

如果没有安装 xcode-select 需要先运行 xcode-select --install

brew update 
brew install pyenv

前端调试

1. 优先使用浏览器(chrome/edge)自带的调试功能
2. 自带调试无法满足时，考虑使用第三方调试工具(charles \ whistle \ httpCanary)

1. 浏览器(chrome/edge)自带的调试功能

除了调试、请求抓包等功能，还有手机模拟器、性能分析、PWA和安装第三方框架插件(VUE/REACT)等更多功能

• 通过电脑浏览器(chrome/edge)自带的调试功能，可以解决日常中绝大多数场景的开发调试需求
• 特定手机的适配性问题可以通过数据线连接电脑来调试真机

记一次http@421状态码的排查情况

1. 后台返回421状态码时，浏览器底层会自动重发一次相同的请求
2. F12查看只有一次请求，前端请求的返回也只有一条
3. 通过抓包软件或者ng后台日志可以确认浏览器确认发了2条相同的请求

1. 过程

一次日常版本测试中，测试同事反馈某一场景下后台日志收到:接口A有2条相同的请求日志，而接口B只有一条请求日志。

1.1. 排查

1. 是不是对应的请求输出日志有两条
   1. 不是
2. 是不是接口A跨域的option请求
   1. 不是，这个接口虽然跨域，但是因为是简单请求，所以没有option请求。
3. 是不是前端代码逻辑问题
   1. 不是，通过F12调试看网络请求只有一个请求。对应的业务代码也只收到一次回调。
   2. 通过抓包软件查看，确实有两次相同的接口A请求
4. 该接口http@200成功时的日志情况
   1. 接口A只有一条请求记录。
   2. 查看http规范中421状态码的说明，同时找后台同事切换到其他错误码423验证，只有一条请求记录。
5. 老机型的部分浏览器验证
   1. http@421只发了一次请求。

vscode

轻量编辑器，丰富的插件

插件

• EditorConfig for VS Code
• ESLint
• prettier
• Material Icon Theme
• markdownlint
• Markdown All in One

mongodb 安装 & 配置

1. mongodb 安装

1.1. 添加yum源

我这里使用的是yum命令安装，需要先添加yum源：

vi /etc/yum.repos.d/mongodb-org-6.0.repo

云服务器：安全组 防火墙 systemctl 等

1、解决云服务器配置安全组端口后还是无法访问

2、使用系统自带的 systemctl 命令管理服务

1. 查看linux操作系统信息

安装的软件和系统信息关联时关注

1.1. 查看Linux内核版本命令（两种方法）

1、cat /proc/version

[root@localhost ~]# cat /proc/version
Linux version 2.6.18-194.8.1.el5.centos.plus (mockbuild@builder17.centos.org) (gcc version 4.1.2 20080704 (Red Hat 4.1.2-48)) #1 SMP Wed Jul 7 11:50:45 EDT 2010

"ps"、"top"命令查看进程信息 和 "kill"命令杀死进程

ps -aux | grep mysql

kill -9 pid(具体的数字)

1. 进程：通俗的讲就是当前正在执行的一个程序