自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(656)
  • 收藏
  • 关注

原创 WHAT - NextAuth 登录流程架构

在中我们介绍了 NextAuth 是什么以及优缺点。下一步,最重要的是理解它内部的数据流。

2026-06-05 16:19:31 243

原创 WHAT - NextAuth 权限认证机制

NextAuth(Auth.js)就是 Next.js 生态里最流行的认证框架,负责帮开发管理“用户登录、会话、OAuth 授权和权限控制”,让开发者不用从零实现认证系统。后面我们将进一步讲解 NextAuth 的整体架构(Provider → Callback → JWT → Session → Middleware)以及它的登录流程源码是怎么工作的。

2026-06-03 19:39:21 249

原创 WHAT - Agent 火焰图分析

火焰图是:用来展示“程序执行时间主要耗在哪”的可视化。不是时间而是资源占比(通常 CPU 时间)调用栈深度(call stack)说明耗时越多说明调用层级越深在 AI Agent 里,火焰图已经从:“程序性能分析工具”进化成:“认知过程可观测工具”Agent 为什么慢为什么贵为什么漂移为什么不收敛为什么疯狂 retry为什么 hallucinate本质是在分析:Agent 的“思维耗散路径”。

2026-05-29 15:15:03 397

原创 WHAT - AI Agent 容错设计

AI Agent 的容错设计,本质是:接受 LLM 不可靠,然后通过“中间可验证 + 自动纠偏”把一个 probabilistic system强行工程化成一个可收敛系统。

2026-05-26 19:30:20 416

原创 WHAT - AI 领域的 hermes 和 harnes

维度HermesHarness在 AI 中的角色具体的 AI 模型 / 智能体产品控制、测试、连接 AI 的框架与方法论代表项目/技术Hermes 3 大模型Hermes-Agent 自进化智能体lm-evaluation-harness(大模型评测标准)Harness Engineering(AI 安全与治理)Harness.io(AI 运维平台)比喻赛道上正在奔跑的赛马(或者极具智慧的信使)骑手手中的缰绳,以及战马脚下的测试赛道。

2026-05-22 18:16:17 497

原创 HOW - AI 时代 Figma 出码提效

AI 时代 Figma 的高效高质量出码 = 可机器读的设计系统(Variables + Auto Layout + 已发布组件)+ Code Connect 把设计钉在真实代码上 + Dev Mode MCP 把上下文送进 IDE + LLM 按仓库约定改写——而不是追求一键生成可合并的整仓代码。

2026-05-21 14:41:01 343

原创 HOW - 构建一个轻量前后端一体服务

一个域名 + 一台 2C2G 的 VPS 完全足够,而且这种需求是"轻量后台 + 内容站"的经典场景,有很多成熟到几乎不用写后端代码的方案。下面按"省心程度"从高到低给三个推荐,挑一个最对路的就行。

2026-05-20 17:16:16 416

原创 HOW - 前端输入场景支持拼音匹配

中文输入过程中不会触发。

2026-05-15 14:22:06 408

原创 WHAT - Figma MCP 入门指南

是 Cursor 和外部工具之间的协议;Figma 官方提供了一个 MCP server,让 Cursor Agent 可以直接读取/写入Figma 文件,而不用开发者手动截图、复制 CSS、抄代码。它的能力分四大块:从 Figma 读设计get_figjam管理 Code Connect 映射(让设计组件 ↔ 代码组件一一对应)写回 Figmause_figma生成 FigJam 流程图。

2026-05-11 15:26:54 446

原创 WHAT - npm和corepack

Corepack 是 Node.js 官方提供的“包管理器版本控制工具”,让团队无需手动安装 pnpm/yarn,也能保证版本一致。

2026-05-08 14:20:53 471

原创 WHAT - npx和nvm关系以及现代替代方案

在我们介绍过 npm 和 npx 的关系,其中最后也提到了 “这将无需使用 nvm 之类的工具或其他 Node.js 版本管理工具”。今天具体来介绍一下两者的区别。其实npx和 nvm 完全不是一类东西。很多人容易混,因为都和 Node.js 有关,但它们解决的问题不同。

2026-05-08 12:01:12 414

原创 WHAT - CSS Variable Slot 模式

btn {组件只关心变量,不关心怎么来的CSS Variable Slot 模式,就是用 CSS 变量作为“中间层”,把多个样式维度解耦,从“组合枚举”变成“运行时组合”。

2026-05-06 17:12:16 541

原创 WHAT - 组件库与 Dumi

Dumi 是一个“为组件库而生的文档框架”,让开发者用 Markdown + Demo 就能搭建一个专业级组件文档站。

2026-05-06 17:11:49 415

原创 WHAT - classnames 条件 class 拼接器机制

classnames 本质是一个“条件 class 拼接器”,让复杂 className 逻辑变得可读、可维护。

2026-05-06 16:01:52 346

原创 WHAT - Antd 组件库基于单个主题色用统一算法进行派生机制

Ant Design 的主题机制,本质是:用一个主色作为输入,通过统一算法生成完整且一致的设计系统,而不是人工维护一堆零散颜色。

2026-05-06 14:14:16 354

原创 WHAT - GitLens vs Fork

在我们已经介绍过 GitLens,今天主要介绍一下 Fork 和 GitLens 的区别。

2026-04-30 16:33:06 479

原创 WHAT - 前端 trace 追踪可观测性

从用户一次操作(click / page load)开始,一直追踪到后端所有服务调用的全过程这其实就是分布式追踪(Distributed Tracing)在前端的延伸。在WHAT - 从后端开发的 trace 追踪认识请求的完整流转过程我们简单介绍过分布式追踪。用户点击按钮浏览器发请求API → 微服务A → 微服务B → DB再返回前端整个链路叫一个 Trace每一步叫Span(片段)Datadog前端 trace =用户行为 + 浏览器执行 + 网络请求 + 后端调用链 = 一条完整链路。

2026-04-30 16:08:03 800

原创 WHAT - GitLens supercharged 插件

GitLens 的本质是:把“代码 + Git历史 + 作者信息”融合成一个统一的阅读体验,让代码不再是静态文本,而是带时间维度的演化过程。

2026-04-30 15:41:14 414

原创 WHAT - cursor cli 开发范式

两者是互补关系:CLI 负责「从终端连上你的工作区」,编辑器负责「在里面深度开发」。,用来切换模式、改模型、管 MCP、开新会话等,而不必记一长串 shell 参数。:CLI 的具体子命令、是否包含「终端里跑 Agent」等能力会随版本更新,以。,并标一下边界,避免和「在终端里跑别的命令」混在一起。文档也说明 CLI 支持与编辑器类似的模式,可用。下面按「编辑器」和「CLI」分别展开。切换(例如 Plan 还可用。(纯产品使用场景说明)。(完整工具、可改代码)。

2026-04-29 17:30:38 489

原创 WHAT - Dify vs n8n vs skill+subagent 流程编排场景

n8n → 必须Dify → 大部分需要Agent → 不需要n8n 是“你写流程”Dify 是“你写流程 + AI填空”Agent 是“AI自己写流程”

2026-04-28 20:12:22 408

原创 WHAT - 大语言模型 Memory 系统设计入门

Memory 系统 ≈ 一个“智能的用户画像数据库 + 检索系统 + prompt拼接器”而不是模型本身的能力。很多人误以为:“模型记住我了”系统在每次请求时,把“你是谁”重新告诉模型。

2026-04-28 11:19:11 518

原创 HOW - cursor 使用技巧

把团队经验结构化 → 让 AI 成为长期生产力。

2026-04-27 16:19:26 308

原创 WHAT - git worktree 概念

简单来说,它允许开发者在下,同时检出,而不需要克隆多份仓库。

2026-04-24 15:21:16 476

原创 WHAT - W3C WCAG 2.1 AA 无障碍标准

WCAG 2.1 AA = “让产品对所有人都可用”的行业标准基线。

2026-04-20 13:31:27 519

原创 WHAT - Shell 工具 warp 介绍(融合 AI)

Warp = “把终端变成 AI IDE”

2026-04-10 14:19:11 676

原创 WHAT - 硬链接 hard link 和软链接 symlink

硬链接 = 共享“内容”,软链接 = 共享“路径”。用硬链接解决“存储问题”,用软链接解决“结构问题”。

2026-03-26 16:27:52 511

原创 WHAT - git worktree 开发的并发模型

从:单人串行开发变成:多 agent 并行开发。

2026-03-26 14:13:01 452

原创 WHAT - AI 时代下的候选人

在 AI 参与下,构建最优解路径的能力怎么问问题(prompt)怎么拆任务(task decomposition)怎么用多个 AI(multi-agent orchestration)怎么控制成本(token / 时间)

2026-03-24 19:00:37 388

原创 HOW - 前端页面低代码 Schema 驱动最小范式

低代码 = 用 JSON 描述组件树 + 用解释器渲染 + 用 DSL 驱动行为 + 用表达式绑定数据。

2026-03-19 17:41:10 474

原创 HOW - Dashboard 可视化编排方案

Grid Layout + JSON布局配置 + 组件动态渲染。

2026-03-18 17:51:13 344

原创 HOW - 撰写前端技术方案

前端技术方案的本质是:“把代码怎么写之前的所有决策讲清楚”

2026-03-18 12:04:00 311

原创 HOW - Go 开发入门(四)- ORM 对象关系映射

支持 MySQL、Postgres、SQLite、SQLServer 等提供:自动迁移(自动生成表结构)CRUD 方法关联关系(One2Many, Many2Many)Hooks(回调:BeforeCreate, AfterUpdate 等)易用又贴近 Go 风格Age intID主键Name限制长度 100Age默认 intGORM 会自动根据 struct 创建对应表。

2026-03-18 11:08:03 375

原创 HOW - Go 开发入门(三)

在HOW - Go 开发入门(二)我们提到了 Go 通过“组合”来进行复用。今天我们展开来学习一下。复用是代码工程很重要的一个能力。虽然 Go 不用“继承”,但复用能力一点不弱,甚至更灵活。

2026-03-17 17:27:16 244

原创 HOW - Go 开发入门(二)

在 HOW - Go 开发入门(一) 我们进行了开发入门的开篇介绍。今天我们主要介绍第 1 步。Go 是强类型语言:常见类型:类似 TS 的 interface + class(但更简单):使用:关键点1. 字段必须大写才能被外部访问尤其 JSON。这点坑很多人(特别是做 API 时)。做接口必用。工程用法struct = DB model(GORM)struct = API request/responsestruct = 配置对象函数Go 的函数很“朴素但强大”。简写:

2026-03-17 16:49:11 364

原创 HOW - Go 开发入门(一)

Go 上手快、生态成熟,而且特别适合有前端/工程经验的人,能很快做出“能跑的应用”。从今天开始,我们来一步步学习 Go 并进行实践。

2026-03-17 15:57:35 311

原创 WHAT - 替代 Express 和 Koa 的现代轻量版 Hono

Hono“面向现代运行时的超轻量 Express 替代方案”。Hono = 一个快、轻、跨平台的后端 Web 框架(类似 Express,但更现代)。一个极致轻量 + 跨 runtime + 面向未来 Web 标准的后端框架想搞 BFF / API 层或者想玩 Edge(Cloudflare)Hono 是非常值得尝试的。

2026-03-17 15:24:21 531

原创 WHAT - 好用的低代码平台

低代码不是替代开发,而是“加速开发”工具。

2026-03-17 15:10:59 430

原创 HOW - 本地基于 docker 快速构建 mysql 数据库

在本地用 Docker 快速构建一个。

2026-03-16 15:15:05 575

原创 HOW - 依赖包版本 lock 维护策略(pnpm)

避免 lockfile 混乱的关键:1️⃣ commit2️⃣ CI 使用3️⃣ 固定 pnpm 版本4️⃣ 使用overrides控制 transitive dependency5️⃣ 安装依赖必须用pnpm add。

2026-03-13 18:25:46 487

原创 WHAT - 数据库索引机制

索引可以理解为书的目录,而不是重新复制整个表的数据。你有一本书 500 页想找“某个概念”的内容如果没有目录 → 你得一页页翻,很慢有目录(索引) → 直接看目录,快速定位页码 → 翻到对应页表 = 书数据行 = 页列 = 关键词索引 = 目录。

2026-03-10 21:15:15 188

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除