---
url: https://sugarat.top/weekly/2025-06-15.md
description: >-
  ① Node 18 早已停止支持，官方建议直接上v22 ② Oxlint 1.0 发布 ③ 🍊 Orange ORM ④ darkmodejs -
  深色模式工具库 ⑤ 逼真的颜色混合工具 ⑥ 依赖可视化分析工具 ⑦ 速率限制交互式指南
---

# 视野修炼第123期 | 你在用Node几？

欢迎来到第 123 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

\[\[toc]]

下面开始本期内容的介绍**ღ( ´･ᴗ･\` )比心**。

## 🔥强烈推荐

### [1. Node 18 早已停止支持，官方建议直接上v22](https://nodejs.org/en/blog/announcements/node-18-eol-support)

还没有升级的官方建议跳过 v20 直接使用 v22，剩余更长的生命周期，更多的新特性支持！

![](https://cdn.upyun.sugarat.top/mdImg/sugar/73c8732cedee441da03360287582cd2d)

*🤡 公司里主流还在用 Node 16，基建拉胯，XS！*

### [2. Oxlint 1.0 发布](https://voidzero.dev/posts/announcing-oxlint-1-stable)

Oxlint 的第一个稳定版本已经发布！它的性能比 ESLint 提升了 50 到 100 倍 ，支持超过 500 条 ESLint 规则。

支持 0 配置直接启动使用。

```sh
npx oxlint@latest
```

提供更清晰的诊断信息

![](https://cdn.upyun.sugarat.top/mdImg/sugar/ec631c21f415ca3fbd107f31303c4f59)

*尝鲜，笔者项目也准备迁一下试试*

## 🔧开源工具&技术资讯

### [3. 🍊 Orange ORM](https://github.com/alfateam/orange-orm)

简洁的 ORM 库，支持 TypeScript 和 JavaScript，以及 CommonJS 和 ESM。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/5d0f6af039306ea73cddc9c2074a0cc5)

### [4. darkmodejs - 深色模式工具库](https://github.com/Assortment/darkmodejs)

利用 matchMedia API 及其监听器，结合 prefers-color-scheme 媒体查询实现。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/869e273a4e885e58054eb45aa092074c)

使用也超简单！

```js
import darkmodejs from '@assortment/darkmodejs'

function onChange(activeTheme, themes) {
  switch (activeTheme) {
    case themes.DARK:
      console.log('darkmode enabled')
      break
    case themes.LIGHT:
      console.log('lightmode enabled')
      break
    case themes.NO_PREF:
      console.log('no preference enabled')
      break
    case themes.NO_SUPP:
      console.log('no support sorry')
      break
  }
}

darkmodejs({ onChange })
```

### [5. 逼真的颜色混合工具](https://github.com/rvanwijnen/spectral.js)

![](https://cdn.upyun.sugarat.top/mdImg/sugar/b0a5d3c9294f7bc1494db09feb325c09)

### [6. 依赖可视化分析工具](https://github.com/antfu/node-modules-inspector)

antfu 大神的又一力作。

```sh
npx node-modules-inspector
```

多种视图下查看依赖的情况。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/e513ac7262f9873b5e88cb235455c55c)

![](https://cdn.upyun.sugarat.top/mdImg/sugar/bbe760decda81e07d52dfb2e74b94e26)

## 📚 教程&文章

### [7. 速率限制交互式指南](https://blog.sagyamthapa.com.np/interactive-guide-to-rate-limiting)

文章介绍了 4 种常用的限流算法：令牌桶、漏水桶、固定窗口、滑动窗口。

每种算法都提供了可交互的 Demo 方便理解。

|                                     令牌桶                                      |                                     漏水桶                                      |
| :-----------------------------------------------------------------------------: | :-----------------------------------------------------------------------------: |
| ![](https://cdn.upyun.sugarat.top/mdImg/sugar/b9653dd7bcf89661074e97f92c8fc6b6) | ![](https://cdn.upyun.sugarat.top/mdImg/sugar/269b8131ed405e7b934a1e15883df067) |

## ⭐️强力推荐关注

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [前端RSS](https://fed.chanceyu.com/) - 根据 RSS 订阅源抓取最新前端技术文章
* [值得一读技术博客](https://daily-blog.chlinlearn.top/) - 每天进步一点点，每天分享有料的技术文章！
* [FRE123 技术周刊精选](https://www.fre123.com/weekly) - 前后端技术周刊精选推荐信息流