Skip to content

视野修炼第126期 | TypeScript #1

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

身体不太好,又断更了 2 月 😄。

🔥强烈推荐

1. 🤫spoilerjs

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

html
<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 - 类型化命令行参数解析

sh
my-script --name John --age 20
ts
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 驱动的打字动画。

Typing SVG

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

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

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

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

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

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

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

9. image-dimensions

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

js
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

提供匹配表情符号的正则

js
const emojiRegex = require('emoji-regex')

const regex = emojiRegex()

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

⭐️!

⭐️强力推荐关注

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

上次更新于: