---
url: https://sugarat.top/weekly/2025-05-31.md
description: >-
  ① Rolldown-Vite ② 对话月影 - AI风口下做啥 ③ snapDOM - 捕获DOM为图像 ④ ForesightJS - 预测鼠标意图库
  ⑤ Text2SVG ⑥ MD标题外链转二维码工具 ⑦ 通义灵码 AI IDE
---

# 视野修炼第121期 | Rolldown-Vite

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

\[\[toc]]

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

## 🔥强烈推荐

### [1. Rolldown-Vite](https://voidzero.dev/posts/announcing-rolldown-vite)

祖师爷官宣 Rolldown 版本的 Vite 的使用 `rolldown-vite`。

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

拿 VitePress 验证一下速度，看看提升。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/534a47f597201455d5f762ad6c0421b1)

笔者 `mac m1` 的设备，大约 500 多篇 md，验了一下大概3s的提升有🤭！

*感觉存量项目切换还是得折腾一下，笔者跑 VitePress 改了半天才跑起来*

### [2. 对话月影 - AI风口下做啥](https://mp.weixin.qq.com/s/MqB5zMcZ7pMIj6UMPUeuTA)

贴几个比较认同的一些观点：

1. “专业性永远重要。你只有对很多东西掌握到足够的深，才能判断AI输出的正确性。”

2. “不要自我设限，别给自己贴上‘前端工程师’的标签，你是解决问题的工程师。”

3. “AI不是让你的活变少，而是让你的价值更大。”

### [3. snapDOM](https://zumerlab.github.io/snapdom/) - 捕获DOM为图像

将任何 HTML 元素捕获为可缩放的 SVG 图像。

官网提供了各种场景的 Demo，效果还是不错。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/4a48585b729a3543e0d2c3c9385bb35f)

*H5 生成海报分享又多一个选择！*

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

### [4. ForesightJS](https://foresightjs.com/) - 预测鼠标意图库

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

通过预测鼠标将要经过的位置，以此来做数据的预加载。

### [5. Text2SVG](https://github.com/JiuRanYa/text-to-svg)

将文本转为 SVG ，可以用来制作文字 Logo。

比如下面这两个 “sugar”。

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

*不过好像不支持中文。*

### [6. MD标题外链转二维码工具](https://github.com/ATQQ/md-qrlink)

**本文就可以看见这个效果**

将Markdown文档中带超链接的标题提取出来，在标题下方显示对应的链接和二维码图片。

这对于需要在微信公众号等不支持外部链接的平台发布文章时特别有用，读者可以通过扫描二维码访问链接。

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

*笔者新鲜打造的，使用 Trae（Claude-3,7-sonnet）生成，人工微调*

## 🤖AI工具&资讯

### [7. 通义灵码 AI IDE](https://lingma.aliyun.com/)

阿里推出的 AI IDE 内置自己的大模型。

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

*没上手使用，感兴趣的可以下载试试，目前免费*

*笔者估计后面腾讯百度美团这种的 AI IDE 推出公测应该也不远了*

## ⭐️强力推荐关注

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

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [前端 RSS](https://fed.chanceyu.com/) - 根据 RSS 订阅源抓取最新前端技术文章
* [FRE123 技术周刊精选](https://www.fre321.com/weekly) - 技术周刊精选推荐信息流
