zz_jesse-CSDN博客

原创 4 个本周最火火火的 GitHub 开源项目

Noiz 不是会读字的机器人，而是制作有情绪、有性格的数字声音，同时让普通人也能拥有属于自己的 AI 声线。它能实现高保真重建，保留原始图表的细节和逻辑关系，生成的图形不是简单的背景图，而是可以独立选中的元素。这个名为 MimiClaw 的开源项目，核心采用 ESP32-S3 开发板，不依赖 Linux 或 Node.js，完全使用 C 语言编写的 AI 助理。它能够将不可编辑的图片或 PDF 格式的统计图表、流程图转换为可完全编辑的格式，例如 DrawIO 的 XML 或 PPTX 格式。

2026-03-21 17:53:16 630

原创这工具太及时了，可以自建 Claude Code 中转服务啦！

claude-relay-service 是一个开源的 Claude Code 镜像服务，目前有 8600 多个 Star。它提供了多语言 SDK、统一的沙盒 API，支持 Docker 和 Kubernetes 运行时。自己搭建之后，所有请求都只经过你自己的服务器，直连 Anthropic API。自己搭建之后，所有请求都只经过你自己的服务器，直连 Anthropic API。做 AI Agent 安全执行环境的，可以参考一下阿里的这个方案。技术文档写得很详细，有基本技术基础的都能搞定。

2026-03-17 13:02:07 563

原创这工具炸了，第一时间掌握国际AI一手信息！

最关键的是，这些技能可以在多个 Agent 平台上通用，包括 Claude Code、Cursor、Codex、Gemini CLI 等。ClawFeed 是一个开源的 AI 新闻摘要工具，口号是 Stop scrolling, Start knowing，挺形象的。它提供了一系列自包含的技能文件夹，用于定义各种 AI/ML 任务，比如数据集创建、模型训练、评估、论文发布等。部署方式挺灵活的，可以当 OpenClaw 技能装，也可以当 Zylos 技能用，独立部署也行。

2026-03-16 13:01:31 360

原创用手机就能让 Claude Code 帮你写代码、改 bug？

安装步骤大概是： • 安装 tmux 和 cloudflared • 克隆仓库，配置 Python 环境 • 在 Telegram 创建机器人获取 token • 设置 webhook 和 hook 脚本搞定之后，你在 Telegram 发消息，Claude Code 就会在远程帮你处理任务，响应直接推送到手机上。说实话这个需求挺刚需的，之前 AI 经常把 Obsidian 的 wikilinks 语法搞坏，有了这个就不用担心了。对于经常需要远程处理代码问题的开发者来说，这个小工具还挺方便的。

2026-03-15 09:03:18 518

原创这周群里讨论最多的4个开源项目，收藏！

搞过这方面的人应该知道，Twitter API 要付费，Reddit 经常封 IP，小红书必须登录才能看，B 站从服务器访问会被屏蔽。说白了，就是给 Agent 提供了一个完整的执行环境：沙盒、记忆系统、工具调用、技能扩展、子 Agent 协作，这些都帮你准备好了。底层工具都是精选的，读网页用 Jina Reader，读推特用 birdx，视频字幕用 yt-dlp，全网搜索用 Exa AI。目前这个项目已经拿到了 1 万多个 Star，还被北京大学的一篇学术论文引用了，学术认可度还是挺高的。

2026-03-14 23:21:02 493

原创盘点4个很哇塞的AI开源项目

它有几个核心特点，精确源定位、对长文档做了优化、支持交互式可视化，能生成一个独立的 HTML 文件，让你在原始上下文中查看和审核成千上万个提取结果，绝了。这个叫 MimiClaw 的开源项目，核心就是一颗 ESP32-S3 开发板，没有 Linux，没有 Node.js，纯 C 语言写出来的 AI 助理。它的核心能力在于智能元素追踪。

2026-03-10 08:42:02 340

转载王炸组合！OpenClaw+Skills可以做什么？

⚠️ 注意：经过多次测试，我们发现在首次使用默认集成的Skills来完成任务时，可能由于OpenClaw尚不知晓存在默认集成的Skills，因此在正式开始前，可以首先让它看看现在有哪些可用的Skills，然后再来执行具体的任务。首先我们前往Clawhub/Skills，查找到我们希望用到的Email Skills，并且记录小红框中的名字，接下来我们将使用它完成安装，此处为。前文中我们找到了一个邮件场景下的Skill，因此以Email这个Skills为例，它可以让OpenClaw具备收、发、查询邮件的能力。

2026-02-24 19:39:23 337

转载别再到处找教程了，一站式搞定五大AI工具

书中通过对5款AI工具的详细介绍，最终旨在帮助读者触类旁通，升级工作思维，从“工具人”进化为调动AI工具协同工作的“指挥官”，从而将精力集中在战略、创意与决策等更具核心价值的事务上。全书围绕30余个职场核心场景展开，涵盖文案写作、视觉设计、视频创作、团队协作、自动化办公等全领域，精准对应写报告、做海报、剪视频、管数据、搭流程等实际需求。让老照片动起来，营造温情回忆场景；数字人讲解：生成虚拟人讲解视频——搭建虚拟演播间后，选择数字人形象与场景，输入文案并挑选音色，一键生成专业讲解视频，后期可进一步优化导出。

2026-02-23 23:20:44 210

转载我写了一个超级简单的浏览器插件Vue开发模板

这里是JustHappy🚀🚀，一时兴起想开发一个浏览器插件，但是找来找去发现在Vue生态下好像没有一个超轻的简单的模板或者脚手架，看了一圈感觉antFu大佬的vitesse-webext还不错，但是感觉还不够轻，于是我打算手撸仿写一个简单版本。如果这对你有帮助，哈哈求个star✨，模板大概率还有很多不足，欢迎大家提交issue、pr等，或者单纯骚扰我😜。在开发模式下，后台脚本并不会直接运行正式的 background 逻辑，而是先接入一个开发专用的脚本。点击“加载已解压的扩展程序”，选择项目根目录下的

2026-01-06 09:01:46 63

转载一种新HTML页面转换成 PDF 技术方案

本文将深入讲解如何使用 snapdom 和 jsPDF 实现高质量的 HTML 转 PDF 功能，并通过一个完整的消息列表导出案例，带你掌握这套方案的核心技术。jsPDF 是最流行的 JavaScript PDF 生成库，支持在浏览器端直接创建 PDF 文件。案例，讲解如何使用 snapdom + jsPDF 实现 HTML 转 PDF。是强大的 PDF 生成库，支持 A4 纸张、压缩等特性。是整个方案的核心难点，需要精确计算像素与毫米的转换。导出的 PDF 是否足够清晰，尤其在打印时？

2026-01-05 09:02:20 63

转载 AI Agent开发到底怎么学

最终，拓展到多智能体系统的开发，以应对更复杂的业务场景。在如今主流招聘平台上，“AI开发”“AI应用开发”“AI Agent 开发”相关岗位的需求激增，AI应用开发工程师、AI智能体开发工程师等职位的薪资普遍在60K/月~90K/月。本书配备了共计15讲的配套视频课程，这些课程全程采用带学带练的方式，专门针对书中的核心知识点、项目设计思路以及代码运行效果进行讲解，为读者提供了“AI Agent开发实战”方面的视频内容，读者能够在“异步社区”本书对应的页面进行免费兑换并观看学习。

2026-01-04 19:15:10 97

转载＜span class=“js_title_inner“＞AI Agent开发到底怎么学＜/span＞

最终，拓展到多智能体系统的开发，以应对更复杂的业务场景。在如今主流招聘平台上，“AI开发”“AI应用开发”“AI Agent 开发”相关岗位的需求激增，AI应用开发工程师、AI智能体开发工程师等职位的薪资普遍在60K/月~90K/月。本书配备了共计15讲的配套视频课程，这些课程全程采用带学带练的方式，专门针对书中的核心知识点、项目设计思路以及代码运行效果进行讲解，为读者提供了“AI Agent开发实战”方面的视频内容，读者能够在“异步社区”本书对应的页面进行免费兑换并观看学习。

2026-01-04 19:15:10 35

转载用了 Zustand 后，我的状态逻辑精简了一半

一旦项目复杂一点，你得手动写一堆模板代码：Action 类型、Reducer 分支、Store 配置、Dispatch、Selector，再加上 TS 的类型声明……现在这个组件可以随时新增 Tab、切换当前 Tab，所有状态都由 Zustand 管理，其他组件也能随时访问它，非常方便。在中大型项目中，推荐将不同的业务状态拆成独立模块，每个模块单独写一个 Store 文件，结构更清晰、维护更方便。你不需要 Provider，也不需要定义 Action、Reducer，只用一个。

2025-11-20 11:00:46 112

转载 10 个提升 Vue3 性能的实用技巧

Vue 3 中的 reactive 默认是深度响应式，在处理大型数据集时会严重影响性能。对表格和大型数据集尤为关键，是 Vue3 性能优化中改变游戏规则的一个 Hack。它只追踪对象的顶层属性，类似于响应式系统的“省电模式”。将跨 store 的通用逻辑集中管理，全面提升 Vue 3 的状态管理能力。可以大幅减少不必要的重新渲染。是 Vue 3 性能优化中不可或缺的利器。优化资源加载效率，兼顾 SEO 和用户体验，是前端性能优化的理想选择。在异步操作过程中提供流畅的用户体验，是提升前端用户体验的关键手段。

2025-11-19 12:02:07 127

转载 15 个 Node.js 新功能替代流行 NPM 包

近年来，Node.js开发人员依赖无数的npm包来填补平台的空白。但随着Node.js的不断发展，许多曾经需要第三方包的功能现在已直接集成在运行时中。中引入（实验性）[https://nodejs.org/download/release/v18.10.0/docs/api/test.html?（具体的小版本/补丁版本在找到的资料中没有完全记录。但完整的基于Promise的。在所有活跃的LTS版本（v18、v20、v22）中已经稳定，不再实验性。它们是当前Node.js LTS发行版中稳定API的一部分。

2025-11-18 09:04:27 136

转载我用AI重构了一段500行的屎山代码，这是我的Prompt和思考过程

每次产品经理提一个小需求，比如在提交订单时，增加一种新的优惠券类型，我们整个团队的表情都像被雷劈了。现在，纯逻辑已经被分离并验证了。我要像一个指挥家一样，一步一步地引导AI，把这500行的代码，拆解成高内聚、低耦合的模块。现在，有了AI的帮助，它变成了我的靶场。我评估了一下，手动重构，至少需要一个资深工程师一周的时间，而且风险极大。我得先确认，它和我对这段代码的理解，在一个频道上。这篇文章，就是我人机协作，啃下这块硬骨头的完整复盘，大家继续看。AI很听话，它给我的，是一段看起来更整洁的代码——它把。

2025-11-17 23:22:53 105

转载写给懒人的Vue3快速查阅宝典

是 Vue 3 中引入的一个新特性，用于创建自定义的ref，让用户来决定什么时候收集和执行依赖，从而更好地控制行为和逻辑。是一个用于提供依赖注入的选项。通过作用域插槽，可以将组件的属性传递给插槽内容，从而使插槽内容能够根据组件的状态进行动态渲染。与传统的 watch 不同，watchEffect 会在属性变化时自动执行副作用函数，并且可以返回一个清理函数，用于在组件卸载时清理副作用。：Vue 3 更好地支持 tree-shaking，这意味着在生产环境中，只打包实际使用的代码，从而减少应用程序的大小。

2025-10-13 22:36:10 76

转载 bolt.new 背后的技术原理和挑战

自2024年10月的转型以来，Bolt 的用户已经创建了数百万个应用程序，并且 Bolt 每年产生4000万美元的ARR，而工程团队只有15人。StackBlitz 的核心技术是 WebContainer，一个他们构建的开源运行时，可以在浏览器中完全启动 Node.js。突然之间，WebContainer 不仅仅是一个聪明的运行时，它也是 AI 的完美搭档。输入一句话，等待几秒钟，就会弹出一个完整运行的项目。WebContainer 显然是一个令人印象深刻的技术，但真正重要的是，团队从未放弃它。

2025-09-24 09:19:47 132

转载 2025 年现代 Node.js 开发模式

现代的 Node.js 更加拥抱 Web 标准，减少对外部依赖的需求，并带来了更直观的开发体验。通过采用这些现代化模式，你写下的代码将不仅更具现代风格，还更容易维护、性能更优，同时与更广泛的 JavaScript 生态系统保持同步。流（Streams）一直是 Node.js 最强大的特性之一，如今它们已经演变为更加符合 Web 标准的形态，并提供了更好的互操作性。这种写法摆脱了过去到处可见的 “立即执行的异步函数（IIFE）” 模式，让你的代码更加线性、逻辑更清晰，也更容易理解。

2025-09-05 13:02:46 246

转载必入，Vibe编程全栈开发教程来啦~

Vibe编程还充分利用了AI技术的强大能力，AI系统能够根据上下文信息，智能地推断出开发者的意图，并提供相应的代码建议和优化方案。在传统编程模式下，开发者需要同时掌握前端、后端以及AI模型训练和部署等多方面的技能，这不仅要求开发者具备全面的技术知识，也增加了开发的难度和风险。多位业内人士对本书赞誉有加，Vibe编程掀起了一场“意图优先”的开发范式革新，让AI在软件工程领域大放异彩，全方位重塑了编程的各个环节，其带来的影响堪比历史上那些具有里程碑意义的技术理念变革，标志着全新的AI原生开发模式正蓬勃兴起。

2025-09-04 13:17:48 182

转载「React事件机制」揭秘：你以为点了按钮，其实点进了事件池！

今天，我们就来揭开 React 事件机制的神秘面纱，手撕它的事件池，搞懂它的合成事件，让你真正掌握 React 的“事件套路”。合成事件系统，它封装了原生事件，提供统一 API，还通过事件池优化性能，避免频繁创建对象。A：因为事件对象是从事件池复用的，事件回调执行完后会被清空。）是 React 自己封装的一套事件系统，它不是原生的。用一个对象，重复用，处理完就清空，循环利用，环保节能。前言：你点的不是按钮，是 React 的套路。一个统一封装的、兼容所有浏览器的事件对象，？

2025-09-02 09:04:31 139

转载面试官：如何减少页面卡顿？

通过把方法传递给_setTimeout_，也就等同于重新创建了一个新的任务，延迟了回调的执行，而且使用该方法，_即便是将delay时间设定成0，也是有效的_。使用以上一个或多个方法，就能够将应用中的任务进行管理，根据用户需要调整优先级，同时能保证相对不那么重要的工作得以继续执行，这样给创造更好的用户体验，网站响应更快，使用更令人愉悦。使用scheduler.yield的好处是不中断，也就意味着如果是在一连串任务中yield，那么从yield的时间点开始，其他编排好的任务的执行会继续。

2025-09-01 08:15:28 71

转载通过代码看 React 的历史

他最初做了一个叫 “FaxJS” 的个人项目，后来改名为 “FBolt（Functional Bolt）”，再后来，它就成了 “React”。虽然大部分（大概 90%）广告相关的功能都可以用 Bolt 实现，但在项目中仍有一些情况，团队不得不脱离自己的框架，采用不太声明式的解决方案。多年来，我在使用 React 的过程中也一直有同样的疑问，直到某一天，突然恍然大悟。多年来聆听 React 核心团队的交流，再加上对这个工具演变过程的观察，终于让我彻底理解了它的设计逻辑。在 Web 的发展历程中由来已久。

2025-08-18 13:03:02 74

转载移动端布局避坑指南：从100vh到dvh，彻底解决动态视口适配难题

但在移动端，情况却大不相同。在移动互联网浪潮下，前端开发者常常遭遇「桌面完美，移动翻车」的尴尬困境：精心设计的页面在手机端频繁出现内容截断、布局抖动，甚至因浏览器工具栏的显隐引发「位移惨案」。因此，在实际开发中，建议进行充分的测试，并为不支持这些单位的浏览器提供合适的备用方案，以确保页面在各种移动设备上都能有良好的显示效果。幸运的是，随着 CSS 技术的发展，我们有了更好的解决方案。但是，在移动设备上的表现就差强人意了，移动设备的视口大小会受动态工具栏（例如地址栏和标签栏）存在与否的影响。

2025-08-07 09:02:18 200

原创 35岁大厂程序员离职，1个半月终于上岸！

因为现在有很多竞争者，能力一样的情况下大概率是薪资低的胜出，没有说期望薪资，那就是有的聊。可能就是看了古仔的电影《私家侦探》，里面有一句话，"我们这种年纪有些事情要做就得做，不是天天回想自己的曾经有多风光"。也有另外一些声音，就是在大厂干了这么多年，肯定有积蓄啊。包括现在一些小公司对大厂出来的根本不感冒，毕竟年龄在那摆着，35+岁了，另外他们可能觉得你也接受不了薪资的一个巨大落差，所以根本不跟你聊。有大公司也有小公司，还有远程工作，有的面到最后了，有的4面了，有的是hr面完了，最终也是没有通过。

2025-08-05 23:09:32 8271

转载作为前端Team Leader，我是如何做技术选型、项目排期和新人培养的？

硬要上React，那我得先掂量掂量，有没有时间搞培训，大家愿不愿意学，项目等不等得起。一个冷门的技术，可能文档都找不到几篇，遇到问题，谷歌都搜不到，那真是叫天天不应。但看的目的不是为了批评他，而是借着他的代码，告诉他我们团队的编码规范是什么样的，为什么要这么写。我刚工作时就遇到过这种，一个人对着一堆过期的文档，两眼一抹黑，连个问题都不知道该问谁，那种无助感现在还记得。以前自己写代码，好坏都是自己的事，代码烂了，加班补上就行。当老板找我谈话，说想让我带前端团队的时候，说实话，我第一反应是“完了”。

2025-08-04 08:02:35 80

转载前端登录token到底应该存在哪？LocalStorage、SessionStorage还是Cookie？一篇说透！

攻击者通过某种方式（比如评论区）向你的网站注入了恶意的JavaScript脚本。，所以银行服务器会认为这个请求是你本人发起的，于是转账就成功了。只要你的网站存在XSS漏洞，存在里面的任何数据都能被轻易窃取。综合以上所有分析，我们终于可以给出当前公认的最佳、最安全的方案了。但这种方便的背后，隐藏着巨大的风险。允许在“顶级导航”（如。**：生命周期很短（如15分钟），用于访问受保护的API资源。一个错误的选择，可能会直接导致你的网站出现严重的安全漏洞。**安全** (防XSS+CSRF), **体验好**

2025-08-02 21:27:06 410