小白菜的编程日记

MCP（Model Context Protocol）是 Claude 连接外部工具的桥梁。本文从前端开发视角出发，涵盖 MCP 架构、主流服务配置（GitHub/File...

通过 `@chenglou/pretext` 库在前端精确计算文本宽度，实现了搜索表单输入框的动态宽度适配。告别 `min-width` 的粗暴限制，让 UI 更精致。...

Subagents 是 Claude Code 的"分身术"——你可以同时召唤多个专业的 AI 助手，各干各的活，最后把结果汇总给你。适合复杂任务并行处理、专门领域深度干活...

Skills 是 Claude Code 的大招——你可以给它装上各种"技能包"，让它变成代码review专家、部署达人、或者任何你需要的专业助手。一次配置，随时调用。...

Memory（记忆系统）是Claude Code提供的一种持久化上下文机制。说人话就是：它不像聊天记录那样关掉就没了，而是把信息存到硬盘里，下次开新会话还能接着用。...

什么是 Slash Commands Slash Commands 是 Claude Code 中的核心交互机制。在对话中输入 / 开头的指令，Claude 会直接执行对应...

Cython 是 Python 的超集，允许你用近乎 Python 的语法编写编译型代码。对计算密集型任务，实测可将 Python 速度提升 50-100 倍。本文通过实际...

从 content/docs到 source.config.ts、.source、lib/source.ts，再到 Next.js 路由渲染，系统梳理 Fumadocs 的...

前端进阶之路：从性能优化到响应式布局的实战指南（Tailwindcss） 在现代前端开发的宏大叙事中，我们往往容易迷失在纷繁复杂的框架和库中。然而，剥开React、Vue或...

一、Webpack 核心原理 1.1 整体工作流程（5个阶段详解） Webpack 的构建过程可以分为 5 个主要阶段，每个阶段都有对应的钩子（Hook）供插件介入。 阶段...

JS原型链。详解JS原型、原型对象、实例与对象原型四大核心概念，通过生动比喻理清指向关系，带你吃透原型链逻辑。...

Vue1、Vue3、SolidJS、Mobx 它们的数据响应式基本原理都是一样的，具体区别只是设计理念和实现方式不一样。按以前读书时代考试做题一样，它们是同一类型的题目，都...

前言 最近泄漏的 Claude Code（一款 AI 编程工具）源码中有 Buddy 系统，一个虚拟宠物伙伴（Buddy）系统（愚人节彩蛋）。每个用户都会根据自己的 ID ...

Hi～大家好呀，我是清汤饺子。 先说个我踩过不止一次的坑。 我要加个功能，跟 AI 说"加个用户登录"。AI 热情开干，半小时后给我整了个完整的 Auth0 集成方案——O...

上节我们搭建好了 Next.js 开发环境，本节就来详细了解一下 Next.js 的项目结构。很多初学者刚打开项目时会看到一堆文件和文件夹，不知道每个都是干什么的。别担心，...

VanityH – 面向前端渲染函数的优雅 Hyperscript DSL。 一个零依赖、超轻量的 DSL，基于 Proxy 和闭包实现，把混乱嵌套变成类似 SwiftUI...

pnpm 是新一代高性能前端包管理器，相比 npm、yarn 拥有更快的安装速度与更低的磁盘占用，且能从根源避免幽灵依赖。本文从安装配置、常用命令、依赖类型区分到换源优化，...

React Native 已支持 Meta Quest：开发流近似 Android；需做 Horizon 配置，避开 GMS 依赖，并按 VR 优化指针与大点击区。...

以前总是直接看到就过了，从未想过会看看 HTML 字符实体的东西，原来字符实体也有一些东西是值得看看的...

chuang'jian'chu创建初始化 1. 使用命令创建 官方官网快速上手 This command will install and execute create-v...