每周见闻(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:) 等。
href=重新加载当前页面,保留查询字符串但移除哈希字符串href=.重新加载当前页面,移除查询和哈希字符串;若 URL 无尾随斜杠,可能导致意外导航href=?重新加载当前页面,移除查询和哈希字符串,但保留 ? 字符href=video.mp4#t=10,20使用媒体片段链接到媒体文件的特定部分,例如视频的特定时间范围

工具
标签: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
