---
url: https://sugarat.top/weekly/2024-12-08.md
description: >-
  ① Node.js 22.12.0 发布 - 默认支持require(esm) ② Linkify - 自动链接生成 ③ Todoctor -
  分析追踪代码中的TODO ④ JS 29周年 ⑤ Kinesis.js - 复杂交互动画创建 ⑥ jsontr.ee - JSON 可视化工具 ⑦
  EasyResizer - 图片批量尺寸调整工具
---

# 视野修炼第113期 | JS 29周年

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

\[\[toc]]

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

## 🔥强烈推荐

### [1. Node.js 22.12.0 发布](https://nodejs.org/en/blog/release/v22.12.0) - 默认支持require(esm)

`b.cjs`

```js
const { value } = require('./a.mjs')

console.log(value)
```

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

原生支持又可以减少非必要的编译工作量了。

### [2. Linkify](https://linkify.js.org/) - 自动链接生成

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

*收藏！对于文本处理场景还是很有用。*

### [3. Todoctor](https://todoctor.azat.io/) - 分析追踪代码中的TODO

一行命令搞定！

```sh
npx todoctor
```

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

自动生成仓库中 TODO/FIXME 注释随时间的变化！

可以拿去跑一下自己的仓库看看。

*emmm，为什么我仓库的TODO 越来越多！*

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

### [4. JS 29周年](https://web.archive.org/web/20070916144913/http://wp.netscape.com/newsref/pr/newsrelease67.html)

1995 年 12 月 4 日推出的 javascript 语言!

*emm，糊了6年 js 了！赚米必备语言。*

### [5. Kinesis.js](https://kinesisjs.com/) - 复杂交互动画创建

下面有几个效果示例：

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

### [6. jsontr.ee](https://jsontr.ee/?lang=zh) - JSON 可视化工具

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

JSON 数据转成可视化。

```js
const container = document.getElementById('json-tree')
container.innerHTML = generateJSONTree(jsonData)
```

2 步就能搞定接入到自己项目中。

类似的项目还有 [JSON CRACK](https://jsoncrack.com). 支持可视化面板里编辑/折叠。

### [7. EasyResizer](https://easyresizer.com/zh-cn/) - 图片批量尺寸调整工具

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

同时还支持压缩和格式转换。

## ⭐️强力推荐关注

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

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [云谦：MDH 前端周刊](https://sorrycc.com/mdh/) - 前端资讯和分享
* [童欧巴：前端食堂](https://github.com/Geekhyt/weekly) - 你的前端食堂，吃好每一顿饭
* [前端 RSS](https://fed.chanceyu.com/) - 根据 RSS 订阅源抓取最新前端技术文章
* [值得一读技术博客](https://daily-blog.chlinlearn.top/) - 每天进步一点点，每天分享有料的技术文章！
* [FRE123 技术周刊精选](https://www.fre321.com/weekly) - 技术周刊精选推荐信息流