此方的秘密基地

外观

每周见闻(52)：我的 Trae 2025 使用报告

约 2044 字大约 7 分钟

2026-01-25

每周见闻：2026-01-18 - 2026-01-25

我的 Trae 2025 使用报告

自从冲了 Trae（国际版）后，Trae 成为了我在家的重度工具，尽管没有 Claude，但好在 Gemini 也足够好用。之前掘金上有了中文版的使用报告，让我羡慕不已。这不，国际版也来了。回顾一下 2025 年的使用情况，今年应该会更加频繁。

AI

1、麦当劳MCP平台[^1]

标签：Tools,MCP

麦当劳提供的官方 MCP 平台，目前提供了优惠券查询、一键获取优惠券等实用功能。官方支持 Cherry Studio、Cursor、Trae 等。接上 IDE，这下上班的时候也不耽误抢券了。

2、awesome-agent-skills/README.zh-CN.md at main · heilcheng/awesome-agent-skills[^11]

标签：Tools,Resource

一个 Awesome 项目介绍了 Skills 的基础概念和搜集了一些官方和社区的 Skills。目前资料还不算太多，关注 Skill 的朋友可以现关注一下。

Coding

1、jQuery 4.0.0 | Official jQuery Blog[^2]

标签：前端,JavaScript

前端元老 jQuery 迎来 4.0.0 更新。早年做前端的小伙伴一定用过，其多浏览器的支持帮助我们节省了不少时间。这一次更新也相当于是现代化改装了。

主要移除了对 IE10 等旧版本浏览器的支持；然后废除了许多专属 API，转而使用更现代的 JS 方法等。即便是现在，对于静态网站或者简单页面 jQuery 仍然可能是最好的选择之一。

2、致敬好剧新姿势：纯代码从零复刻 Pluribus 片头动画 - 少数派[^3]

标签：FUN

作者讲述了自己用 Python 一步一步复刻了 Pluribus 片头动画粒子效果的完整过程。从最基础的粒子系统入手，逐渐深入到最终实现想要的效果。中间包含丰富的基础知识和数学知识的讲解，图文并茂，循序渐进。文章虽长，但读起来很有意思。

一直以为这种动效一般是前端才会做，没想到 Python 也能做出来。

3、cubic blog: The real problem with AI coding[^4]

标签：AI,思考

作者关于 Vibe Coding 所产生问题的思考。他认为真正的问题不在于技术债务，而是在于对代码的理解债务。随着 AI 生成的代码量增多，人理解的难度也就更大。

其原因在于，手动编写代码时人会反复思考并明白每段代码的作用（至少一段时间内）。而使用 AI 则反过来，你需要反向理解 AI 的代码逻辑。尤其是当 AI 编写大量代码的时候。因此，当出现不得不人介入的 Bug 时，就不得不花费更多的时间去处理和理解。

而解决这个问题的方法也很简单，就是做好早期的 Plan，和 AI 聊清楚需求，制定好边界条件和格式。

说白了 AI 编程还是必须自己先理解清楚需求，越是好的输入才会得到好的输出。我现在使用 AI 时，都会先使用 Plan 模式，当计划确定之后，再着手实行。

4、Dynamic Configuration in Node.js: Beyond Environment Variables | Replane[^7]

标签：Node.js,JavaScript

作者讨论了 Node.js 应用中的动态配置。作者将应用的配置按运行时的分为静态和动态两种。

静态配置通常是数据库连接、API Key、密钥等这些在运行时不应发生改变的配置；动态配置则控制功能相关，比如频率限制、某个功能的开关等需要在运行时中产生变化的配置。

关于动态配置，在 Node.js 中通常有轮训、Webhooks、SSE(服务器发送事件)三种方式。每种各有优缺点，如轮训简单但会额外消耗资源以及延迟性；Webhooks 则会有身份验证和分布式系统下如何同步的问题；SSE 缺点在于运维，由于是长连接需要依赖基础设施和处理连接断开的情况。

目前我们公司用的是 Redis 做动态配置，由于没有做统一管理的方案，散落在各个服务器中。当数量上来之后维护也很头疼。之前提出过类似 Webhooks 的方案，但由于同步性上没法保证导致被搁置。从之前看过的资料来看，想做动态配置必须要走网络这一关。

5、Get an AI code review in 10 seconds[^8]

标签：AI

一个让 AI 在 10s 内做 Code review 的小技巧，主要针对 Github 上的 PR，在 URL 后面加上 .diff 就能获得 diff 内容。这样无论是丢 URL 给大模型还是把内容拷下来给大模型都很方便。

1. PR Link: <https://github.com/RahulPrabha/oldmanrahul.com/pull/11>
2. Add .diff to the end: <https://github.com/RahulPrabha/oldmanrahul.com/pull/11.diff>

作者也强调这并非是代替，让大模型先过一遍指出明显的错误后，提高人工 Review 的效率。

6、A Few Things About the Anchor Element’s href You Might Not Have Known[^9]

标签：前端,JavaScript

做过前端的同学对 a 标签一定不会陌生，这一篇是一些关于 a 标签的冷知识。除了常见的连接跳转、发送邮件/电话(mailto:, tel:, sms:) 等。

  1. href= 重新加载当前页面，保留查询字符串但移除哈希字符串
  2. href=. 重新加载当前页面，移除查询和哈希字符串；若 URL 无尾随斜杠，可能导致意外导航
  3. href=? 重新加载当前页面，移除查询和哈希字符串，但保留 ? 字符
  4. href=video.mp4#t=10,20 使用媒体片段链接到媒体文件的特定部分，例如视频的特定时间范围

工具

1、DoneDeal0/superdiff: Superdiff provides a rich and readable diff for both arrays and objects. It supports stream and file inputs for handling large datasets efficiently, is battle-tested, has zero dependencies, and offer a top-tier performance.[^5]

标签：Tools,Coding

Superdiff 是一个专门为数组、对象数据的比较工具。特点是性能强大，并且没有依赖，它支持流和文件输入，能高效处理大型数据集。

对外提供三个方法，分别对应对象、数组和流。对象和数组都支持深度比较。

2、fastify/fast-json-stringify: 2x faster than JSON.stringify()[^6]

标签：Tools,Coding

Fastify 提供的 JSON 序列化库，通过 JSON Schema Draft 7 提高 JSON 序列化性能。在数据量小的情况下，性能会优于 JSON.stringify() ，数据量大时就不那么明显。

3、ScreenshotSnap - 免费网站截图生成器 | Website Screenshot API[^10]

标签：Coding

免费的网站截图工具，输入网址就会自动生成对应网站的截图，挺适合在社交媒体中做网站推广之类的事情。很贴心地提供了 API，可以直接嵌入到代码中很方便。

我试着给我自己的博客做了截图，效果挺不错的。

参考文章:

  • [1] 麦当劳MCP平台: https://open.mcd.cn/mcp/doc
  • [2] jQuery 4.0.0 | Official jQuery Blog: https://blog.jquery.com/2026/01/17/jquery-4-0-0/
  • [3] 致敬好剧新姿势：纯代码从零复刻 Pluribus 片头动画 - 少数派: https://sspai.com/post/105365
  • [4] cubic blog: The real problem with AI coding: https://www.cubic.dev/blog/the-real-problem-with-ai-coding
  • [5] DoneDeal0/superdiff: Superdiff provides a rich and readable diff for both arrays and objects. It supports stream and file inputs for handling large datasets efficiently, is battle-tested, has zero dependencies, and offer a top-tier performance.: https://github.com/DoneDeal0/superdiff
  • [6] fastify/fast-json-stringify: 2x faster than JSON.stringify(): https://github.com/fastify/fast-json-stringify
  • [7] Dynamic Configuration in Node.js: Beyond Environment Variables | Replane: https://replane.dev/blog/dynamic-configuration-nodejs/
  • [8] Get an AI code review in 10 seconds: https://oldmanrahul.com/2025/12/19/ai-code-review-trick/
  • [9] A Few Things About the Anchor Element’s href You Might Not Have Known: https://blog.jim-nielsen.com/2025/href-value-possibilities/
  • [10] ScreenshotSnap - 免费网站截图生成器 | Website Screenshot API: https://screenshotsnap.com/zh
  • [11] awesome-agent-skills/README.zh-CN.md at main · heilcheng/awesome-agent-skills: https://github.com/heilcheng/awesome-agent-skills/blob/main/README.zh-CN.md

版权归属：konata9

许可证：署名-相同方式共享 4.0 国际 (CC-BY-SA-4.0)

贡献者: konata9