Next.js 应用的内存泄漏的排查和解决

项目一个 Next.js 应用版本 13.5.4，在日活快过万的时候，观察了一下 grafana 的内存走势，有明显的上升趋势，而且，没有任何释放的意思，很明显的，内存泄漏了 24 小时内存曲线：...

WSL2 下，npm install 使用淘宝源 npmmirror 超时问题的解决方法

2023年初，在 WSL2 下，pnpm install 时（npm 也一样），会概率性的出现 timeout 问题，导致安装失败，多次尝试却可以偶尔成功。由淘宝源（`https://registry...

在 windows 的 powershell 里使用类似 zsh autosuggestion 的命令提示

如图，在 zsh 里，通过 zsh autosuggestion 插...

浏览器 DOMContentLoaded 事件的监听触发

开发 JSSDK 后， SDK 使用者会将 script 插入到各个位置，所以，在 SDK 里把入口方法放到 DOMContentLoaded 事件回调里是很有必要，以免遇到 DOM 没有准备好就操作...

老古董小米路由器 3C 科学上网

小米路由器 3C 刷机的资料很少，基本算是小米路由器系列能刷机的最低的一个系列，而且网上的部分方法都有很多坑，这里做一个爬坑和整合记录确定一下，路由器型号：**小米路由器 3C 百兆版（R3L）**，...

实现一个 JS delegate 事件委托

今天写了一个平台的 SDK，SDK 不复杂，优先级还很高，必须得在 head 无 defer 地插入，所以体积需要尽可能地小，以免影响页面加载性能不依赖任何库写前端，都逃不过一个问题：「事件委托」，也...

轻度使用 TailwindCSS 后的一点看法

现在是2021年，TailwindCSS star 增长速度非常快，已经 50K 了，一个 css 框架可以在短时间内到达这样一个数量级，一定是有他的道理的一年前看到文章有这个东西，当时想：这不就和内...

Webpack loader rule 命中和结合不同类型样式问题

之前区分 lazy 样式和普通样式```json{ test: /\.less$/, loaders: ['a'],},{ test: /\.lazy\.less$/, loaders: ['...

Nginx proxy 转发不发送对应 Location path 的方法

我最近有个 path 需要转发到图床项目，nginx 配置是这样的：```nginxserver{ listen 80; server_name cdn.debugmi.com; locatio...

阿里云、腾讯云等内存为何莫名被吃

因为kdump服务会占用内存上限，此服务是提供崩溃log，直接释放kdump占用的内存即可`vim /etc/default/grub`修改某行：`crashkernel=0`执行`update-gr...

nodejs 里的 npm script 的参数传递

# 背景`index.js` 文件，首先在具体执行脚本里打印参数：```jsconsole.log(process.argv)````package.json`文件，scripts 如下```js"s...

微信 jssdk 本地调试方法

微信 jssdk 开放有很多能力，但是环境和配置要求都很严格，必须要在安全域名下才能有效。想在线上调试吧，效率又低又不安全，最好就在本地调试！假设设备是 mac 和 iPhone，线上域名是 www....

微信网页不能长按二维码识别的坑

最近在做一个react spa的项目，有相当多地方用到微信长按扫码的功能但是，奇怪的是，有些页面会偶然性的不能长按扫码，就是长按二维码后仅出现保存图片选项各种谷歌，试过的方法（改变二维码大小、留白边、...

Date 对象和关于时间的一些坑

有时候用 Date.parse 方法去记录一些缓存时间的时候，发现不同设备或者浏览器返回的值是不一样的。有这四个时间字符串：```const str1 = '1970-01-01 00:00:01'c...

React 异步加载组件

最近做一个单页项目时，用到了 markdown 的解析库 react-markdown。然而用到的频次很低，它的大小却有 90k+，一载入就加载它非常浪费资源，因此考虑异步加载。读完 webpack...