透明胡子

AI 编程三剑客：Spec-Kit、OpenSpec、Superpowers 深度对比与实战指南 前言：为什么需要这些工具？ 2024-2026 年，AI 编程工具经历了爆...

别再裸用 Claude Code 了！32 个亲测技能 + 8 个 MCP 服务器，开发效率直接拉满！ 先晒一下我装完的效果（见下图），所有技能均实测可用。...

Superpowers 完整使用指南：为 AI 编程助手注入规范化开发能力 📌 什么是 Superpowers？ Superpowers 是一个为 AI 编程助手（Cla...

现在很多同学还是把 Claude Code 当成一个“可以在终端里写代码的 AI 工具”。 但是，这两天我越来越觉得，Claude Code 这玩意儿已经不是单个工具了，它...

📌 什么是 OpenSpec？ OpenSpec 是一个 AI 辅助开发的结构化工作流工具。它通过一系列斜杠命令（/opsx:）引导开发者与 AI 协作，从需求探索、规划...

今年上半年，作为团队中的校招新人，我承接了两位离职同事的业务模块。面对密集的需求，我不仅扛住了“以一当三”的交付压力，同时保证了线上零事故。这一切，离不开 Cursor 的...

Figma官方在9月份推出MCP服务，在此之前，还需要使用cursor-talk-to-figma-mcp进行连接，流程比较繁琐，这次Figma的更新无疑提高了连接效率和U...

网上有很多关于 React 生命周期的文章，我也看了不少，为了梳理并加深我对此的理解，所以决定写这篇文章。本文主要梳理目前最新的 V16.4 的生命周期函数。现在 Reac...

0. 安装 1. 先跑一个简单例子 2. 基础使用 BrowserRouter 是需要服务端配合, 是基于html5的pushState和replaceState的，很多浏...

前言 前端路由： 一个路径path 对应 一个组件component 当我们在浏览器中访问一个 path 的时候，path对应的组件会在页面中进行渲染； 一、创建路由开发环...

定义 z-index 只适用于元素定位的情况，表示层级，数值越大， 层级越高， 展示的位置越靠前 用法 z-index 值较大的元素将叠加在z-index值较小的元素之上 ...

css选择器优先级 css 选择器都有权重值， 权重值越大优先级越高 内联样式表权重值最高：值为1000 id选择器的权重值为100 class的权重值为10 类型（元素）...

前言 vuex缺点：ts兼容性不好、命名空间的缺陷、只能有一个store、mutation和action pinia 优点：ts兼容性好 、不需要命名空间，可以创建多个st...

nth-of-type 和 nth-child的区别 :nth-of-type(n) 选择器匹配属于父元素的特定类型的第N个子元素的每个元素 :nth-child(n) 选...

问题一 element-plus 插件报错 方法 之前的代码 修改后的代码 总结 问题二 tab切换（VUE中el-tabs切换）echarts无法显示的问题 最近刚好项目...

采用选项式Api,组合式Api,setup语法糖实现它们直接的差异~ 选项式API和组合式API 首先实现一个同样的逻辑看一下它们直接的区别 选择式API 组合式API s...

问题一 如下代码，父元素father使用flex布局，不设高度，子元素son2高度设置为200px，子元素son2撑开了父元素father，son1无法填满父级元素高度 方...