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

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

🔥强烈推荐

  1. Node 18 早已停止支持,官方建议直接上v22
  2. Oxlint 1.0 发布

🔧开源工具&技术资讯

  1. 🍊 Orange ORM
  2. darkmodejs - 深色模式工具库
  3. 逼真的颜色混合工具
  4. 依赖可视化分析工具

📚 教程&文章

  1. 速率限制交互式指南

下面开始本期内容的介绍,预计阅读时间 6 分钟。

🔥强烈推荐

1. Node 18 早已停止支持,官方建议直接上v22

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

🤡 公司里主流还在用 Node 16,基建拉胯,XS!

2. Oxlint 1.0 发布

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

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

sh 复制代码
npx oxlint@latest

提供更清晰的诊断信息

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

🔧开源工具&技术资讯

3. 🍊 Orange ORM

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

4. darkmodejs - 深色模式工具库

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

使用也超简单!

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. 逼真的颜色混合工具

6. 依赖可视化分析工具

antfu 大神的又一力作。

sh 复制代码
npx node-modules-inspector

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

📚 教程&文章

7. 速率限制交互式指南

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

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

令牌桶 漏水桶

⭐️强力推荐关注

相关推荐
会豪3 分钟前
工业仿真(simulation)--前端(五)--标尺,刻度尺
前端
会豪4 分钟前
工业仿真(simulation)--前端(四)--画布编辑(2)
前端
an__ya__6 分钟前
Vue数据响应式reactive
前端·javascript·vue.js
苦逼的搬砖工9 分钟前
Flutter UI Components:闲来无事,设计整理了这几年来使用的UI组件库
前端·flutter
想买Rolex和Supra的凯美瑞车主11 分钟前
Taro + Vite 开发中 fs.allow 配置问题分析与解决
前端
ruanCat12 分钟前
使用 vite 的 base 命令行参数来解决项目部署在 github page 的路径问题
前端·github
Codebee17 分钟前
使用Qoder 改造前端UI/UE升级改造实践:从传统界面到现代化体验的华丽蜕变
前端·人工智能
叫我詹躲躲21 分钟前
开发提速?Vue3模板隐藏技巧来了
前端·vue.js·ai编程
华仔啊21 分钟前
面试都被问懵了?CSS 的 flex:1 和 flex:auto 真不是一回事!90%的人都搞错了
前端·javascript
前端康师傅23 分钟前
JavaScript 函数详解
前端·javascript