CHUYUXUAN

SDD驱动AI开发：当Open Spec遇上Superpowers “Too simple to need a design” is always wrong.— Superpowers 工作流的第一条铁律 前言：Vibe Coding 的困境2025年以来，”Vibe Coding”成了最火热的开发范式——对着AI说几句话，代码就出来了。Cursor、Copilot、Claude Code……工具越来越多，AI越来越聪明。 但你有没有发现一个诡异的现象： AI写的代码越来越快，项目却越来越乱。 第一天：哇，AI帮我5分钟写了个登录页面！ 第一周：嗯，重构一下这个组件……等等，它改了三个不相关的文件？ 第一个月：这个项目的代码到底是谁写的？——是你，也是AI，但现在谁也看不懂了。 问题出在哪？不是AI不够强，而是我们给AI的方式不对。 我们给AI的是模糊的自然语言指令，期待它产出精确的工程代码。这就像你对施工队说”帮我盖个好看的房子”，然后期待他们交出一份完美的建筑图纸。 SDD（Spec-Driven Development，规格驱动开发） 正是为了解决这个问题而生的。 什么 ...

Hermes Agent 的安装与使用Hermes Agent 是什么？Hermes Agent 是由 Nous Research 开发的一款自进化 AI 助手（有内置学习循环），v0.11.0，MIT 开源协议。 它的核心特点是：会从使用经验中创建技能并持续改进，还能跨会话记住你的偏好。可以用在任何模型（OpenRouter、MiniMax、Kimi 等），支持 CLI / Telegram / Discord / WhatsApp 等多种接入方式。 支持的平台与模型平台：Linux、macOS、Windows WSL2、Android Termux模型接入：OpenRouter（200+ 模型）、Nous Portal、NVIDIA NIM、Xiaomi MiMo、Kimi/Moonshot、MiniMax、Hugging Face、OpenAI 等 安装（一键脚本）1curl -fsSL https://raw.githubusercontent.com/NousResearch/hermes-agent/main/scripts/in ...

JS设计模式大合集 仓库地址：JS设计模式大合集欢迎大家 Star ，一起交流学习！ 代理模式代理模式（Proxy Pattern）为其他对象提供一种代理以控制对这个对象的访问。我们可以举一个形象的例子： 小明的妈妈想要去买水果，但是有事情忙不开，所以叫小明帮忙去买水果。小明出去之后，他可能会先到玩具店逛一下，然后去水果店逛一下，最后把买到的水果带回家。小明在这个过程中，就相当于代理，他代替妈妈买了水果，但是在买水果的过程中，又可以做一些其他的事情。 代理模式的应用场景有了代理之后，我们能做的事情可就多了。 比如我们日常前端开发过程中使用到的网络请求拦截axios。 12345678910111213141516171819202122// 添加请求拦截器http.interceptors.request.use(function (config) { // 在发送请求之前做些什么 console.log('Sending request to:', config.url); return config; }, fun ...

JS设计模式大合集 仓库地址：JS设计模式大合集欢迎大家 Star ，一起交流学习！ 策略模式是个啥策略模式（Strategy Pattern）是一种常见的设计模式，它允许在运行时选择算法的行为。这种模式使得算法可以独立于其使用者而变化。在JavaScript中，策略模式经常用于将一组算法封装成独立的对象，并且使它们在需要时可以相互替换。 理解策略模式策略模式通过定义一系列的算法，将它们封装成独立的策略对象，然后在运行时根据需要选择适当的策略对象。这种方式可以使得算法的变化独立于使用算法的客户端代码。策略模式通常包含以下角色： 环境（Context）：环境类包含一个对策略对象的引用，并且可以在运行时切换不同的策略对象。 策略接口（Strategy Interface）：定义了一组算法的接口，所有具体策略类都实现了该接口。 具体策略（Concrete Strategy）：实现了策略接口的具体算法。 举个例子可能理论说的还是一头雾水，下面我们通过简单的例子来理解策略模式。 例如，我需要一个通用的算法，用来计算图像的面积。那么假设图像分别有： 圆形（circle） 方形（recta ...

JS设计模式大合集 仓库地址：JS设计模式大合集欢迎大家 Star ，一起交流学习！ JS设计模式-单列模式单列模式（Singleton pattern）是一种常见的设计模式，用于限制一个类只能有一个实例，并提供一个全局访问点来获取这个唯一实例。换言之，你只能创建一个特定类的对象。如果你尝试创建一个已存在的实例，那么它将始终返回你已创建的那个实例。这种模式特别适合需要保持状态的场合，例如 数据库连接 日志记录 VUEX 或者任何其他可能需要多个地方更新的数据 来写一个单列模式吧如我们上面所说，单列模式只有一个实例，并且提供一个全局的访问点来访问获取这个唯一实例。因此，也就是私有属性。在js中，我们可以利用闭包来做私有属性。 1234567891011121314151617181920212223242526272829303132333435363738type myInstance = { name: string; showMessage: () => void;};const Singleton = (function ()
...

JS设计模式大合集 仓库地址：JS设计模式大合集欢迎大家 Star ，一起交流学习！ JS设计模式-发布订阅者模式如果你用过VUE、React， 你应该对这个发布者订阅者模式不陌生，明天让我们来一起来探讨一下发布订阅者模式。 什么是发布订阅者模式在我们日常生活中，其实有很多发布订阅者模式案例。 我们在微信里面订阅了一个公众号，这个公众号 在某一个时间阶段会给我发推文。 在电商平台预约一个商品，等商品有货时，平台会给我们发短信通知。 点一个外卖。…… 等等数不胜数。 不过从上面的例子，我们可以 提取出三样东西， 一个是订阅者，一个是平台，一个是发布者。 订阅者会向平台订阅属于自己的个性需求， 平台则会收集这个需求， 发布者就会根据这个需求发布对应的内容， 在此之后，平台会把发布者发布的内容推送到订阅者。 好了，有了这三个基本接下来我们可以开始创造属于我们自己的发布订阅者模式啦。 创建一个发布订阅模式首先我们需要一个平台，它可以记录订阅者的需求，以及让发布者能够根据需求发布的功能： 123const platform = { eventPool:{ ...

Javascript操作符运算合集在javascript的语法中，不同类型通过操作符运算后求最终值这样的运算，在面试过程中会经常碰到，因此，今天我们就来一起探讨一下对应的规则。 四则运算符+ 加法加法有两种运算法则，分别为数字加法和字符串连接。运算时，它首先将两个操作数强制转换为基本类型后再计算。我们来一一举例： 若有一方是字符串，则另一方会被转换成字符串，最后再连接起来形成新的字符串。 1234const str = 'chuyuxuan'const num = 1console.log(str + num) // chuyuxuan1typeof (str + num) // 'string' 若双方都是 BigInt，则执行 BigInt 加法。如果一方是 BigInt 而**另一方[1]**不是，会抛出 TypeError。 12345678910// 双方都是 BigIntconst bnum1 = 2024nconst bnum2 = 2025nconsole.log(bnum1 + bnum2) // 4049ntypeof ...

在vue2中，这个 js 原生API就是整个vue2的核心了。 我们先来看一下官方文档对该属性的描述： Object.defineProperty() 允许精确地添加或修改对象上的属性。 Object.defineProperty的语法如下： 1Object.defineProperty(obj, prop, descriptor) 下面是它的参数介绍： obj要定义属性的对象。 prop一个字符串或 Symbol，指定了要定义或修改的属性键。 descriptor要定义或修改的属性的描述符。 不知道你是不是有这样的疑问，descriptor 到底是个啥?这里呢，我们来了解一下： 对象的属性描述符是一个用于描述对象属性特性的配置对象，它包含以下可选属性： value: 属性的值，默认为 undefined。用于设置属性的初始值。 writable: 布尔值，默认为 false。如果为 true，则属性的值可以被修改，否则为只读属性。 enumerable: 布尔值，默认为 false。如果为 true，则属性可以通过 for...in 循环和 Object.keys ...

BUG归属地判断在前后端分离的项目中，如何判断是前端BUG还是后端BUG？其实方法很简单，我们打开浏览器的控制台（图1）就可以一目了然了。 图 1 判断前后端BUG，我们主要看Network[网络]选项卡，如图2方框所标注的。通过网络的传值，我们就可以知道个大概了。图2介绍了部分功能项 图 2 接下来，让我们以BUG为例。例如，在页面中存在这样的BUG，当我们改变了一个表单值，并且点击保存。但是我再打开这个表单，发现这个值没有更新。 图 3 我们就可以看接口来判断是前端问题还是后端问题了。 首先，保存时是会调用保存接口的，我们看看前端有没有把清空后的值传过去。如图4 所示，值已经传过去了。 图 4 我们再看看查询接口，后端有没有把正确的值更新回来。如图5所示. 图 5 接口返回回来的值确是旧值，好啦，原因找到了，是因为前端传过去的值后端没有更新，然后返回的还是旧值，所以我们可以判断，这个BUG是后端的BUG 类似的，如果后端返回过来的值更新了，有想要的值，但是前端没有更新或者渲染，就是前端的BUG啦。