在macOS或Windows上搭建旧版chrome测试环境

web前端开发经常会测试浏览器兼容性，用到比较老的浏览器，目前在macOS上安装很多年前的chrome，比如chrome55，比较困难 这里提供一个经过折腾可行的方法，就是在docker的Ubuntu

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 插件，可以基于历史记录做命令提示，不需要一直输重复的代码，非常爽 Windows 里的 powershell 也可以做到，非常简

浏览器 DOMContentLoaded 事件的监听触发

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

实现一个 JS delegate 事件委托

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

轻度使用 TailwindCSS 后的一点看法

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

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

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

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

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

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

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

nodejs 里的 npm script 的参数传递

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

微信 jssdk 本地调试方法

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

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

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

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

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

React 异步加载组件

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