2025-11-16 17:40:58

视野修炼第127期 | Valdi ​

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

🔥强烈推荐 ​

1. tasuku - 极简 Node 任务处理 ​

import task from 'tasuku'

task('Task 1', async () => {
  await someAsyncTask()
})

task('Task 2', async () => {
  await someAsyncTask()
})

task('Task 3', async () => {
  await someAsyncTask()
})

在做 CLI 的时候可以用上，尤其需要处理多个异步任务时。

还支持嵌套，多状态展示等。

感觉和 @clack/prompts 和非常搭配。

收藏 ⭐️！

2. fkill - 强制终止进程 ​

进程大杀器，支持多种终止进程的方式👍🏻，跨平台可用。

import fkill from 'fkill'

await fkill(1337)
console.log('Killed process')

fkill('Safari')
fkill(':8080')

fkill([1337, 'Safari', ':8080'])

也支持 CLI 调用。

npm install --global fkill-cli

fkill 1337
fkill Safari
fkill :8080

还支持 交互式 CLI。

赶紧装上。

3. FileMock ​

免费的测试文件生成器，支持视频/图片/音乐/文档等多种格式。

收藏⭐️，基本覆盖了常见的文件格式！

🔧开源工具&技术资讯 ​

4. Valdi - 新的跨平台 UI 框架 ​

使用 TypeScript&TSX 编写 UI，可以直接编译成 iOS、Android 和 macOS 上 由 Native 渲染的视图应用，无 JS 中间层。

笔者拉仓库试了一下 Demo，效果如下。

感觉还行，就是才刚开源，文档还不是特别友好，项目初始化流程不是特别标准。

5. JavaScript 引擎大全 ​

包含上百种 JS 引擎的基本信息 ES 支持程度，性能等对比信息。

📚教程&文章 ​

6. 使用 Error.cause 进行错误处理 ​

使用 Error.cause 处理错误，保留更清晰的堆栈跟踪信息。

function fetchUserData() {
  try {
    JSON.parse('{ broken: true }') // ← This will fail
  }
  catch (parseError) {
    throw new Error('Failed to fetch user data', { cause: parseError })
  }
}

try {
  fetchUserData()
}
catch (err) {
  console.error(err.message) // "Failed to fetch user data"
  console.error(err.cause) // [SyntaxError: Unexpected token b in JSON]
  console.error(err.cause instanceof SyntaxError) // true
}

🤖AI工具&资讯 ​

7. GitHub Repo Visibility Analyzer ​

这个免费的工具可以对你的仓库进行分析，提供主题标签建议和其他推荐的行动项，帮助开发者更容易地找到你的项目。

提升你在 GitHub 搜索、Google 和大型语言模型（LLMs）中的仓库可见性。

⭐️强力推荐关注 ​

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

• 阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容，周五发布
• FRE123 技术周刊精选 - 技术周刊精选推荐信息流

2025-11-08 19:48:20

视野修炼第126期 | TypeScript #1 ​

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

🔥强烈推荐 ​

1. 🤫spoilerjs ​

一个框架无关的 Web 组件，用于创建带有粒子动画效果的隐藏文字内容。

<h1>
  Beautiful
  <spoiler-span>
    spoiler effects
  </spoiler-span>|
</h1>

⭐️！

2. 🏆 TypeScript 跃升至 #1 - GitHub 上最常用的语言 ​

2025 年 8 月，TypeScript 超越了 Python 和 JavaScript，TypeScript 现在是 GitHub 上最常用的语言 。

3. 中国法定假日查询库 ​

做复杂日历组件必备！收藏+1。

🔧开源工具&技术资讯 ​

4. type-flag - 类型化命令行参数解析 ​

my-script --name John --age 20

import { typeFlag } from 'type-flag'

const parsed = typeFlag({
  name: String,
  age: {
    type: Number,
    alias: 'a'
  }
})

console.log(parsed.flags.name) // 'John'
console.log(parsed.flags.age) // 20

5. Node v24 已经是最新的LTS 版本 ​

6. TypingSVG ​

生成由 SVG 驱动的打字动画。

7. 腾讯 TDesign 组件库的 uniapp 适配 ​

先收藏，uni-app 开发小程序可以考虑考虑。

8. Dayflow - 每日的电脑使用分析 ​

开源的 macOS 桌面应用，可以生成电脑屏幕一天的时间占用。它每秒截一次屏，然后交给 AI 分析，生成你一天活动的时间线。

本地使用阿里开源的 qwen 模型。

支持以视频的形式回顾屏幕历史。

windows 上印象也也有类似的工具（待我翻翻吃灰的收藏夹 再贴上来）。

9. image-dimensions ​

获取图片的尺寸信息，支持现代的js运行环境（浏览器、Node.js、Bun、Deno等）

import { imageDimensionsFromStream } from 'image-dimensions'

// example1
const url = 'https://sindresorhus.com/unicorn'

const { body } = await fetch(url)

console.log(await imageDimensionsFromStream(body))

// example2
const data = getImage()

console.log(imageDimensionsFromData(data))
// => {width: 1920, height: 1080, type: 'png'}

10. Biome v2.3 ​

Biome 是一个适用于 JavaScript、TypeScript、JSX等快速格式化工具，与 Prettier 有高达 97% 的兼容覆盖率，同时也是一个高性能的 linter。

现在支持 Vue、Svelte 和 Astro lint和格式化了！

11. Vercel 支持 Bun 运行时 ​

12. emoji-regex ​

提供匹配表情符号的正则

const emojiRegex = require('emoji-regex')

const regex = emojiRegex()

for (const match of text.matchAll(regex)) {
  const emoji = match[0]
}

⭐️！

⭐️强力推荐关注 ​

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

• 阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容，周五发布
• 值得一读技术博客 - 每天进步一点点，每天分享有料的技术文章！
• FRE123 技术周刊精选 - 技术周刊精选推荐信息流

2025-09-30 19:10:28

离开上海回家啦 ​

本次待的时间比上次短，比上次术后状态好不少。

上海这边天气很好呀，待了小半个月，只遇到过几次雨。

回家就连着下了几天雨 🌧，就连着家里躺了好几天。

在飘窗上靠着 “冲浪” 活动活动脑子（紧邻 🛏 方便随时躺下休息休息 😋）

2025-09-16 16:51:45

第三次到上海 ​

又要待一段时间咯。

09-13 来上海复查病情又有点“新进展”，医生建议尽早入院治疗。

早治疗早康复，回家拖着也提心吊胆的，这次如果处理完，以后又是健康人了。

不过这次带了电脑💻，多个消遣方式。美中不足就是没有流畅的 WiFi（流量又要起飞了）。

没手术前，空闲时间多，能多产出一点哈哈😄（在医院里还是比较安心）

希望一切顺利吧。

大家都健健康康的！

2025-08-31 11:34:06

视野修炼第125期 | nano-banana ​

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

🔥强烈推荐 ​

1. nano-banana ​

这周超火的图片编辑模型，谷歌出品的 Gemini Flash，"直接替代 PS"。

可直接上 Google Gemini Web 段体验。

下面给2个案例和提示词（来源于 X 上大佬 @ZHO_ZHO_ZHO 分享）

1. 桌面 3D 手办

Use the nano-banana model to create a 1/7 scale commercialized figure of thecharacter in the illustration, in a realistic style and environment. Place the figure on a computer desk, using a circular transparent acrylic base without any text.On the computer screen, display the ZBrush modeling process of the figure. Next to the computer screen, place a BANDAI-style toy packaging box printed with the original artwork.

2. Cos 生成

Generate a highly detailed photo of a girl cosplaying this illustration, at Comiket. Exactly replicate the same pose, body posture, hand gestures, facial expression, and camera framing as in the original illustration. Keep the same angle, perspective, and composition, without any deviation

大家也可以参考文章 实测谷歌Nano Banana，探索更多玩法！

2. 现代 Nodejs 开发姿势 ​

挑一些实用的点：

1. 使用 ESM 替代CJS

2. 导入内置模块使用 node: 前缀以区分第三方模块 ,如 node:fs

import { readFile } from 'node:fs/promises';

3. 顶层 await

import { readFile } from 'node:fs/promises';
const config = JSON.parse(await readFile('config.json', 'utf8'));

4. 使用内置 fetch 替代第三方外部 HTTP 请求库

const response = await fetch('https://api.example.com/data');
const data = await response.json();

5. 使用 AbortController 终止请求

const controller = new AbortController();

setTimeout(() => controller.abort(), 10000);

try {
  const data = await fetch('https://slow-api.com/data', {
    signal: controller.signal
  });
  console.log('Data received:', data);
} catch (error) {
  if (error.name === 'AbortError') {
    console.log('Request was cancelled');
  } else {
    console.error('Unexpected error:', error);
  }
}

6. 内置测试模块node:test

// test/math.test.js
import { test, describe } from 'node:test';
import assert from 'node:assert';
import { add, multiply } from '../math.js';

describe('Math functions', () => {
  test('adds numbers correctly', () => {
    assert.strictEqual(add(2, 3), 5);
  });
});

# Run all tests with built-in runner
node --test

# Watch mode for development
node --test --watch

# Coverage reporting (Node.js 20+)
node --test --experimental-test-coverage

7. 监听自动重启和环境管理

{
  "name": "modern-node-app",
  "type": "module",
  "engines": {
    "node": ">=20.0.0"
  },
  "scripts": {
    "dev": "node --watch --env-file=.env app.js",
    "test": "node --test --watch",
    "start": "node app.js"
  }
}

8. 导入映射

这个吊，之前都没了解到👍🏻，完美替代 alias

package.json 中添加 imports 字段

{
  "imports": {
    "#config": "./src/config/index.js",
    "#utils/*": "./src/utils/*.js",
    "#db": "./src/database/connection.js"
  }
}

import config from '#config';
import { logger, validator } from '#utils/common';
import db from '#db';

3. PongHub - 开源服务监控平台 ​

基于 GitHub Action 基础能力，自动部署GitHub Pages和定时数据更新。

下面是笔者部署的自己的！

https://health.sugarat.top/

🔧开源工具&技术资讯 ​

4. SSR 渲染 Check工具 ​

一个简单的工具，可帮助检查目标 URL 页面，哪部分内容是服务端渲染哪部分是CSR渲染。

5. difit - Diff CLI ​

GitHub风格本地 Diff 工具

npx difit

6. image-js - 图像处理库 ​

支持在 Node.js 和浏览器中运行，用于调整大小、裁剪、过滤、颜色调整以及许多其他高级操作的库。

👍🏻比较高级

7. 免费HTTPS证书申请 - 90天 ​

收藏！

8. 图片转成像素画 ​

9. 国内SVG Logo资源 ​

10. 各种定价页的设计参考 ​

收藏！迟早有一天会用上。

⭐️强力推荐关注 ​

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

• 阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容，周五发布
• 前端 RSS - 根据 RSS 订阅源抓取最新前端技术文章
• 值得一读技术博客 - 每天进步一点点，每天分享有料的技术文章！
• FRE123 技术周刊精选 - 技术周刊精选推荐信息流

2025-07-31 11:21:21

又生病住院了 ​

2月份夹层导致的并发症，6月复查严重了，需要手术治疗

捋一下时间线 ​

6月29日 入院（泌尿外科）

7月14日 感染新冠（天天都呆在医院里也染上了，离大谱），到现在咳嗽没好

7月17日 手术（住进去还给我拖了半个月，手术耗材要层层审批，审批了7个工作日实在离谱，人都拖死了）

7月18日 出院（做完手术第二天就赶出院了，也没出院带药，也没输液消炎）

7月21日 开始发高烧

7月22日 感染科门诊，开了一堆检查，结果是尿路感染，急性肾损伤（当天白天几乎无尿，无尿就惨了-喝了几瓶水，报告出来立马就跑急诊安排输液消炎，打利尿剂了）

7月23日 通过急诊又入院（感染科，一天输 3 次抗生素）

7月29日 出院（出院带药需要自费去外面购买，医院没有）

病情 ​

2月夹层之后，报告就提示有左肾积水，但当时策略以保命为主，住院华西的医生说不用管这些，后面就没特别关注这个。

肾也是个 BUG 器官，当发现有相关症状的时候问题都是比较严重了

6月复查的时候发现 左肾积水（尿积肾里无法正常排出） 比较严重了（夜尿多，泡泡多），到手术指标了，就立马住院了。

入院后排查是腹部残余夹层导致血管比较粗压迫到左侧输尿管，导致输尿管狭窄

治疗 ​

手术 ​

治标就是放置一个输尿管支架，给撑起来，向下图这样，一年一换。

抗感染治疗 ​

二次入院就是针对性的输抗生素，1天3瓶输了7天，就出院改口服药了。

药是真贵，自费外部购买，线下还非常难买到。

现状 ​

身上 DeBuff 叠满了，出院诊断还有不少小毛病，需要慢慢调养（比如贫血，营养不良啥的）。

费用 ​

连着 2 次住院自费差不多1个w。

药不能停 ​

开了一堆药和营养品，一天药钱得花个小200￥。

后续 ​

多休息休息调养身体，补充点营养，长点肉（本来就瘦，这次住院又瘦了7-8斤）。