做一个有温度和有干货的技术分享作者 —— Qborfy

AI 基础知识

不管学习什么技术，每个技术里面都会包含一些专业术语， 了解这些术语，有助于我们更好的理解技术，以及更好的使用技术。

安装

可以源码安装（python环境）
service rabbitmq-server start

也可以docker安装，依赖docker环境

运行成功后有两个端口：

1. 5672，其他客户端调用链接使用
2. 15672，后台管理系统使用

支持配置文件，参考docker内配置文件路径： /etc/rabbitmq/conf.d/10-defaults.conf

概念

virtual host
类似mysql支持多个用户访问同一个实例（IP+PORT）的不同数据库

exchange交换机
类似一种邮箱或存储队列，支持加入或转发推送能力

五种消息类型

HelloWorld

正常邮箱类型， 生产者往RabbitMQ队列增加消息，但是消费者不一定要及时看

Worker模型

对比 邮箱模型， 只要生产消息 就会马上竞争消费掉，可以有效的避免消息堆积

订阅模型

Fanout（广播模型）: 将消息发送给绑定给交换机的所有队列(因为他们使用的是同一个RoutingKey)。

Direct（定向）: 把消息发送给拥有指定Routing Key (路由键)的队列。

Topic（通配符）: 把消息传递给拥有 符合Routing Patten(路由模式)的队列。

做一个有温度和有干货的技术分享作者 —— Qborfy

背景

最近在研究SSR，发现很多服务都会用到SSRF，所以就顺便研究了一下SSRF。

下面是一篇从网络上翻译过来的文章， 大家简单参考了解。

做一个有温度和有干货的技术分享作者 —— Qborfy

背景

最近在开发微软的Teams应用，在开发过程中遇到了一个跨域请求cookie的问题，具体表现是，当我在Teams应用中登录后，然后通过iframe的方式打开一个第三方网站，第三方网站无法获取到cookie，导致无法登录。这个问题困扰了我很久，最后通过Google找到了解决方案，特此记录一下。

背景

最近在项目开发中遇到一个 npm包的一些 bug，但是这个 npm包的作者并没有修复，联系不上作者。 相信大家在开发中或多或少遇到过，我们正常的解决方案是修改这个 npm包的代码，然后重新发布一个 npm包，但是这样会带来一些问题，比如：

• 重新发布npm包，后续这个 npm包所有更新我们都无法获取，因为 npm包变成是我们自己私有的

经过网络搜索，发现了一个 npm包，叫做 patch-package，可以更加优雅的解决这个问题，所以记录一下。

patch-package 解决方案

我们先简单了解一下这个patch-package的主要作用：

立刻修复 npm 包的 bug，而无需修改其源代码 - patch-package

使用步骤如下：

1
2
3
4
5
6
7
8
9

# fix a bug in one of your dependencies
vim node_modules/some-package/brokenFile.js

# run patch-package to create a .patch file
npx patch-package some-package

# commit the patch file to share the fix with your team
git add patches/some-package+3.14.15.patch
git commit -m "fix brokenFile.js in some-package"

同时需要修改 package.json，添加如下配置：

1
2
3

"scripts": {
    "postinstall": "patch-package"
}

还需要安装patch-package依赖，方便使用。

1

npm i patch-package --save-dev

后续安装依赖时，会自动执行patch-package，将node_modules中的文件替换为patches中的文件。

背后原理

既然解决了问题，那么patch-package是如何实现的呢？

其实原理相对简单，npm的有个机制叫做

npm的postinstall

参考资料

• 使用 patch-package 修改第三方模块

做一个有温度和有干货的技术分享作者 —— Qborfy

思考，快与慢

在书中，卡尼曼会带领我们体验一次思维的终极之旅。他认为，我们的大脑有快与慢两种作决定的方式。常用的无意识的“系统1”依赖情感、记忆和经验迅速作出判断，它见闻广博，使我们能够迅速对眼前的情况作出反应。

举个例子： 肚子饿了去点菜，我们点很多余点菜，然后吃了一阵子就后悔了，如果我们慢慢规划去点，发现别人都已经吃完走了。

温馨提醒：本书涉及N多经济学和心理学的专业术语，需要不断查资料去理解其术语的意思，这对经济学、心理学入门有极大的作用。

做一个有温度和有干货的技术分享作者 —— Qborfy

是什么

Automa是通过可视化配置，工作流连接实现浏览器自动化的插件。能完成自动填写表格、重复任务、截屏到抓取网站数据等，想做什么取决于你自己。

参考资料

• Automa插件官方下载安装
• Automa Github

原因

原因

利用chrome性能解析工具

解决

实践

参考资料

• Chorme 浏览器中的垃圾回收和内存泄漏

做一个有温度和有干货的技术分享作者 —— Qborfy

背景

由于最近接手一个老的Vue2项目，其打包编译速度，每次发布都需要等待30分钟以上，实在受不了，故此在互联网上收集了

参考资料

• 使用可视化的Vue项目管理器Vue UI
• Vue 打包优化之 externals 抽离公共的第三方库

做一个有温度和有干货的技术分享作者 —— Qborfy

背景

VScode是前端开发最受欢迎的IDE工具之一， 里面的插件市场十分丰富，插件有个插件叫Remote - SSH，其主要功能介绍如下：

Visual Studio Code 远程 - SSH 扩展允许你在任何远程计算机、虚拟机或具有正在运行的 SSH 服务器的容器上打开远程文件夹，并充分利用 VS Code 的功能集。连接到服务器后，您可以与远程文件系统上任何位置的文件和文件夹进行交互。

因此，我们可以直接连接远程服务器去做很多事情：

• 搭建云端个人开发机， 从而使得所有无论更换本地环境，都不会影响个人开发进度
• 更加友好的可视化文件管理，包括一些简单的文件编辑等等
• 使用SSH登录，能更好更安全的避免密码泄漏

下面还是以【如何搭建个人远程开发机】作为案例去学习

如何搭建个人远程开发机

步骤一 安装 Remote-SSH插件

在VSCode的插件市场中，查询【Remote-SSH】，然后进行安装，具体如下图：

步骤二 配置远程服务器

1. 打开SSH配置界面，具体如下图：
   
   
   

2. 编辑SSH配置文件~/.ssh/config，路径和上述文件路径保持一致，具体代码如下：

   1 2 3 4 5 6 7 8 9 10 11

   ## ## Host 远程连接名称 ## HostName 主机IP ## User 连接帐号 ## Port 连接SSH端口 ## Host self_remote_host HostName 10.11.67.18 User root Port 22

完成步骤一，基本上就可以连接远端服务器，不过每次都要输入密码有点麻烦，所以可以通过SSH密钥认证去解决，具体如下步骤

步骤二 本地生成SSH密钥，进行免密登录

不同操作系统，执行命令不太一样，具体如下。

1. Mac | Linux操作系统

   1 2	# 默认会在相应路径下（~/.ssh/）生成id_rsa和id_rsa.pub两个文件，如下面代码所示 ssh-keygen -t rsa -C "your_email@example.com"

• id_rsa SSH私钥文件，用来解密公钥，一般存在本地使用
• id_rsa.pub SSH公钥文件，用来传输信息的时候加密用， 一般存在远端服务器

2. Windows操作系统
   安装Git Bash，执行如下命令即可：

   1 2	# 默认会在相应路径下（C:\Users\yourname\.ssh）生成id_rsa和id_rsa.pub两个文件，如下面代码所示 ssh-keygen -t rsa -C "your_email@example.com"

   接下来就是将公钥id_rsa.pub复制到远端服务器上~/.ssh/目录下即可

3. 将公钥id_rsa.pub添加到远端服务器中可信任文件中authorized_keys，具体命令如下：

1

cat ~/.ssh/id_rsa.pub >> ~/.ssh/authorized_keys

验证登录：ssh <user>:10.1.1.1

4. 配置VSCode SSH config文件，具体如下：

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

   ## ## Host 远程连接名称 ## HostName 主机IP ## User 连接帐号 ## Port 连接SSH端口 ## IdentityFile 认证登录的SSH密钥文件 ## Host self_remote_host HostName 10.11.67.18 User root Port 22 IdentityFile ~/.ssh/id_rsa

SSH免密码登录原理

• SSH远端服务会发送【公钥(remote)】信息
• 本地SSH客户端会验证远端传输来的【公钥(remote)】和 本地【公钥(local)】对比是否一致，如果一致，发送【随机字符串（challenge）】给到远端服务器
• 远端服务器接受到随机字符串（challenge）信息后，继续用【公钥(remote)】加密传输信息-随机字符串（challenge）给回到客户端
• 本地SSH客户端用本地【私钥(local)】去解密【公钥(remote)】加密传输信息-随机字符串（challenge），如果与之前一致，则建立连接

参考资料

• 使用VS Code插件远程连接Linux服务器
• Windows下生成SSH密钥