Firefox Developer Edition 设置 desktop 快捷方式
desktop 快捷方式无法识别窗口 通过 bz 文件解压方式安装 Firefox Developer Edition 并手动创建 firefox-developer.desktop 后，desktop 文件无法正常使用，KDE plasma 5.25 下点击打开后窗口不能识别为同一 a...
CSS 问题记录集
Layout 相关 flex items 撑开 container 当 flex container 内的 item 使用flex-grow： 1时，如果 item 的大小超出 container 的大小，会使 container 被撑开。例如动态修改 item 的 width/height 时，如果超出 container 的大小且 container...
在 canvas 中监听键盘事件
问题与解决方案 一般情况 一次在 React 中进行 canvas 开发时，发现 canvas 的 onKeyDown 无法生效。 刚开始不清楚是否是 event delegate 的问题，在 canvas 上绑定 onClick，测试能够正常触发事...
使用 pnpm 以 Monorepo 方式建立项目
为什么需要 Monorepo 在开发中，功能模块间的耦合会导致项目难以维护，因此需要分包来进行解耦合。 但是单纯地进行分包，就需要单独发布，单独安装，会增加一些...
通过 corepack 使用 pnpm 与 yarn 作为包管理器
Node.js 16 中加入了 corepack 工具，能够直接启用 pnpm 与 yarn 作为包管理器，而不需要通过 npm 进行额外的安装。 尝试了在日常开发中使用 pnpm 与 yarn 替代 npm,记录了一些体验上的...
端口映射后容器内 WebSocket 产生 502 Bad Gateway 错误
前言 前段时间试着把一些老服务升级了一下，有一些也移进了容器里，用 Podman 跑 rootless container。因为外层的 Nginx 没有动，本以为能快速迁移，但启动 container 后服...
Firefox 中 Array.sort() 能够使用 boolean 值进行判断
前言 一次调试时，发现 Firefox 中可以通过 boolean 值来使用 Array.sort()，而在 Node.js 中仅能使用 number 类型。尽管这个问题没有造成代码错误，但还是会造成一些困...