做一个有温度和有干货的技术分享作者 —— 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密钥

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

为什么要学习AI知识

去年年中总结写过一篇文章 《2023年中总结之如何在互联网裁员浪潮继续前(gou)进(zhu)》，AI发展是必不可缺的，如同马车和汽车的更新迭代一样，作为互联网的程序员，我们有点类似之前的马夫，现在有新的工具，我们也需要跟上时代的脚步，学习AI知识，可以让我们在互联网裁员浪潮中继续前进。

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

是什么

为什么选RabbitMQ

怎么做

参考资料

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

背景

时光匆匆，2023年即将结束，新的一年即将到来，每个人都会有自己的年度总结，因此对于我个人而言，2023 年是一个很重要的转折点，不在于物质上有多大的变化，而是在于思维上，在于精神上的转变，不再有过去那种懵懵懂懂，浑浑噩噩的过日子的感觉，上次这种感觉还是在小学 5 年级的一个夜晚，突然懂事的开窍，觉得学习很重要，要好好读书的醒悟。因此接下来这一篇年度总结的灵感来源于：罗振宇老师的【2024年跨年演讲】主题 —— 是什么让我眼前一亮。

因此，2023 年对于国家，对于公司，对于个人，都是非常不容易的一年，疫情刚过去，经济下调，个人面临裁员，很多人负面情绪都积压快爆炸了，因此2023 年对于大多数人来说，其实是积压了很多垃圾情绪的一年，更因为这样子，我们更加应该去发现今年自己的高光时刻，去找到那个让能自己变得骄傲的自己，找到那个自信的自己，从而更加从容的面对未来，面对 2024 年。

温馨提示：本文文字居多，且内容主要偏向于个人总结，如果觉得对自己有用的，请耐心观看。