视野修炼-技术周刊第115期 | 现代的 Nodejs 能力

合集 - VitePress 相关内容合集(3)

1.博客构建性能优化笔记 | 提速 3 倍2024-06-122.适用于 VitePress 的公告插件开发实记2024-09-21

3.视野修炼-技术周刊第115期 | 现代的 Nodejs 能力2024-12-29

收起

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

🔥强烈推荐

1. 一些现代的 Nodejs 能力

🔧开源工具&技术资讯

2. MarkItDown
3. ReactAI

🤖AI工具&资讯

4. 背景移除
5. 智能图片描述生成器生成器

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

🔥强烈推荐

1. 一些现代的 Nodejs 能力

1. 单测相关

import assert from 'node:assert'
import fs from 'node:fs/promises'
import { mock, test } from 'node:test'
import { add } from '../src/math.js'

test('should add two numbers', () => {
  const result = add(1, 2)
  assert.strictEqual(result, 3)

  // mock 返回结果
  const mockImplementation = async (path) => {
    return 'PORT=3000\n'
  }
  const mockedReadFile = mock.method(fs, 'readFile', mockImplementation)
})

2. watch 文件变动自动重新运行

node --watch app.js

node --watch 'lib/**/*.js' app.js

3. Corepack 管理包管理器的工具

{
  "packageManager": "yarn@2.4.1"
}

corepack enable

4. env 文件读取

# 单个文件
node --env-file=./.env index.js

# 多个文件
node --env-file=./.env.default --env-file=./.env.development index.js

5. esm 下提供__dirname 和 __filename

在这之前 ESM 里获取方式如下

import url from 'url'
import path from 'path'

const dirname = path.dirname(url.fileURLToPath(import.meta.url))

现在可以直接使用

const { dirname: __dirname, filename: __filename } = import.meta

6. 定时器 Promise

在这之前，你会这样实现一个 sleep

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms))
}

现在你可以直接使用

import { setTimeout } from 'timers/promises'

function sleep(ms) {
  return setTimeout(ms)
}
sleep(1000).then(() => {
  console.log('1s passed')
})

🔧开源工具&技术资讯

2. MarkItDown

将各种格式的文件转换为 Markdown 格式的在线工具，支持 Word、PDF、HTML、图片等格式。

还支持直接指定网页链接。

你可能会好奇图片怎么转 Markdown？验证了一下是转换成一段文本描述图片内容。

3. ReactAI

开源免费AI React组件构建器。

编写提示词，只需几秒钟即可创建功能完整的React组件！

浅尝了一下，效果没有 Bolt 好

🤖AI工具&资讯

4. 背景移除

还有另一样功能的 remove.bg，removebg.one

5. 智能图片描述生成器生成器

生成的文本可用于 img alt 属性填充，进而优化网站的 SEO。

⭐️强力推荐关注

周刊部分内容来源如下渠道，推荐大家关注。

• 阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容，周五发布
• 云谦：MDH 前端周刊 - 前端资讯和分享
• 童欧巴：前端食堂 - 你的前端食堂，吃好每一顿饭
• 前端 RSS - 根据 RSS 订阅源抓取最新前端技术文章
• 值得一读技术博客 - 每天进步一点点，每天分享有料的技术文章！
• FRE123 技术周刊精选 - 技术周刊精选推荐信息流