妙才周刊 No.71

2025年02月17上次更新于 3 分钟前
Weekly

Hello,大家好。本周给大家带来的一些讯息如下:

Trae

Trae - Ship Faster with Trae是字节跳动开发的一款 AI 编辑器,与Cursor、Windsurf同属AI辅助编程赛道,但专注中文开发者生态,目前笔者体验一周下来,基本效果还是很满意的,响应速度很快(难道是我神器好?),不过有些代码生成的时候会时不时抽风,把一些有用的代码删除导致整个文件不正常。

最新消息,字节发布了 Windows 版本的 Trae 编辑器 🎉

Juchats

!https://de4965e.webp.li/blog-images/2025/02/22bf757d6fdcac354a110740ae707667.png

Juchats(巨有料),是由 X 用户 @Cydiar 开发的一款聚合了多个大模型的AI对话应用。经过2 年的迭代和更新,这个应用的交互体验已经非常好了。

但你要是问我,它到底哪点能让你不选择 Cursor?或许是它免费吧。

目前,众多模型都提供每日一定的额度体验,支持联网功能的 DeepSeek R1 和 V3 更是无限制使用。

在这里推荐给大家~

Sablejs

sablejs/sablejs: 🏖️ The safer and faster ECMA5.1 interpreter written by JavaScript

SableJS 是一个使用 JavaScript 编写的更快、更安全的 ECMAScript 5.1 解释器。它可以用于多种场景,例如:

  • 沙箱环境: 类似于 Figma 插件沙箱,但更易于使用。
  • 小游戏/小程序动态执行: 在小游戏或小程序中动态执行 JavaScript 代码。
  • 将 JavaScript 编译为字节码: 通过提前编译(AOT)将 JavaScript 代码编译为字节码,提高执行效率。

浏览器端逆向代码逻辑的难度不高,在大多数前端安全性要求较高的场景下,开发者需要一些特殊的手段隐藏和保护核心的逻辑。

较为出名的方式是通过 WebAssembly的方式,在独立于 JavaScript 环境下单独执行二进制的内容,以此获取较高的安全性。 但是,这种方案一旦需要访问 DOM等等 JavaScript 引擎的内容时,需要使用 eval函数和 JavaScript 引擎通信。这是不够安全的,某些开发者完全有能力在 WebAssembly 执行前对 eval 进行复写拦截,从而获取到里面执行的 JavaScript 代码字符串。

为了获得一个兼具 WebAssemblyJavaScript引擎的优点的环境,这个工具的开发团队打算使用 JavaScript去开发一个 JavaScript解释器,并且他们获得了成功🎉。

如果你需要保护你的某些安全性要求高的代码逻辑,那么可以考虑这个工具。

isd

isd 是一个优化命令行管理服务器 systemd 服务的命令行程序,熟悉运维的开发者或许会对输入 systemd 服务的命令感到厌烦,一来这类服务较为冗长,容易输入错误,二来还需要记住众多的服务名称和功能。

isd 这个命令行程序提供了较好的基于命令行终端的 UI 交互,可以提高运维人员的操作体验。

!https://de4965e.webp.li/blog-images/2025/02/90b5aef5a756967336372eec284fe4ef.png

这里还有一篇使用教程:ISD Is a New Tool Offering a User-Friendly Approach to Systemd Management

changedetection.io

dgtlmoon/changedetection.io: The best and simplest free open source web page change detection, website watcher, restock monitor and notification service. Restock Monitor, change detection. Designed for simplicity - Simply monitor which websites had a text change for free. Free Open source web page change detection, Website defacement monitoring, Price change notification

有一个做云服务器相关的大 V 经常在社交媒体上更新某个服务商提供了最新的产品,亦或是因为货源短缺暂时停止出售的某些服务又开始出售的消息。 为什么有些人能这么快地知道某个商品的降价?难道他时时刻刻盯着这些页面吗?

显然不是的,changedetection.io 这样的开源服务可以轻松通过 docker 部署到本地或服务器上,用户可以指定特定页面的某个元素进行监控,并且在目标变更之后立即通知用户。

Swagger TypeScript API

acacode/swagger-typescript-api: Generate the API Client for Fetch or Axios from an OpenAPI Specification

后端服务接口支持 OpenAPI 规范(Swagger API),并且提供每个接口的描述文件,前端可以通过这样的工具生成接口请求相关的函数。

这样的工具有两个好处:

  1. 自动化降本:将接口文档直接转换为 TypeScript 请求层代码,减少手动编写重复 CRUD 代码的时间成本。
  2. 类型安全保障:根据 OpenAPI 的 schema 生成精准的请求/响应类型定义(参考 Swagger 生成文档实践),提升代码健壮性。

通过自动化工具生成的代码具有良好的类型支持,也可以通过定时同步功能防止前后端协作沟通的延时问题,避免造成接口错误。

但是,对于一些灵活性的接口,这种方式也需要开发者辅助去做一些微调,即便如此,这种方案也非常适合中小型标准化 CRUD 项目。

Slash Admin

https://camo.githubusercontent.com/6acd165e214ba9542cd39eeab38b3a109df7f443b45fe1bab23ee455e0ef9060/68747470733a2f2f643367656f7267652e6769746875622e696f2f6769746875622d7374617469632f736c6173682d61646d696e2f6c6f67696e2e6a706567

https://camo.githubusercontent.com/06984c6ab7b12e4674c22bae24d34f401e0dbcb60eab050df2c4c54896537408/68747470733a2f2f643367656f7267652e6769746875622e696f2f6769746875622d7374617469632f736c6173682d61646d696e2f616e616c797369732e706e67

slash-admin 是一个基于 React 技术栈的后台管理模版项目,其特点如下:

  • 使用 React 18 hooks 进行构建。
  • 基于 Vite 进行快速开发和热模块替换。
  • 集成 Ant Design,提供丰富的 UI 组件和设计模式。
  • 使用 TypeScript 编写,提供类型安全性和更好的开发体验。
  • 响应式设计,适应各种屏幕尺寸和设备。
  • 灵活的路由配置,支持多级嵌套路由。
  • 集成权限管理,根据用户角色控制页面访问权限。
  • 集成国际化支持,轻松切换多语言。
  • 集成常见的后台管理功能,如用户管理、角色管理、权限管理等。
  • 可定制的主题和样式,以满足您的品牌需求。
  • 基于 MSW 和 Faker.js 的Mock方案
  • 使用 Zustand 进行状态管理
  • 使用 React-Query 进行数据获取

此外,最重要的还是这个界面很好看 🤣,其次核心技术栈都非常具有实用价值和学习价值。

Jimp

Jimp | Jimp 是一个轻量级、无依赖的 JavaScript 图片操作库,支持图像裁剪、调整尺寸、模糊处理、滤镜添加(如灰度化)、格式转换(JPEG/PNG/WEBP等)及文字叠加。

其一大优点是纯 JavaScript 实现,无依赖 C++ 模块(如 sharp),避免跨平台编译问题(参考Node.js 模块对比)。适合中小型图像处理任务(如生成缩略图),与 node-imagesharp 相比更易上手(详见性能优化指南)。

劣势便是在处理大尺寸图片(如 4K+)时性能低于 sharp(C++底层优化)。

如果你需要对小尺寸图片进行细微的调整,那么这个库很方便。

Widget Examples

pawello2222/WidgetExamples: A demo project showing different types of Widgets created with SwiftUI and WidgetKit. 这是一个 IOS 开发 Swift 合集,提供了常见的 Widget 学习模版。

Shiki-Stream

antfu/shiki-stream: Streaming highlighting with Shiki. Useful for highlighting text streams like LLM outputs.

这是前端托尼老师最新分享的基于 Shiki 的流式代码高亮工具,这对于高亮显示如 LLM 输出之类的流文本非常有用。

举个例子,你可以为 AI 对话生成代码的时候,生成流式的高亮内容,增强用户体验。

言论

  • 每天都是重复,大脑自然就会压缩对时间的感受。
  • 某程序员:“行业铁律“过早优化是原罪”,技术是为产品服务的,技术层面花里胡哨产品却不好好设计,最终就是被市场淘汰。” vs 某程序员:“有道理,但是被市场淘汰的是企业、公司,而不是折腾技术的个人,不折腾技术的个人反而会被行业淘汰。”
  • 🤣

!https://de4965e.webp.li/blog-images/2025/02/c19533d032e04a1886297c615cf3f2b1.png

最后

最近开始准备一直在找远程工作,如果大家有内推的话,欢迎联系我!

非常期待读者的点赞和支持,或多或少我都能从中得到鼓励❤️

好了,今天的分享就先到这里,大家下周见~

not-by-ainot-by-ai
文章推荐
avatar
循序渐进
2024-08-08 updated.
avatar
妙才周刊 No.68
2025-01-19 updated.

Friends

Jimmy老胡SubmaraBruce SongScarsu宇阳Steven Lynn's Blog