摘要：
1. 前言 博客园自 2004 年上线以来，凭借着简洁的界面、浓厚的技术氛围成为了国内程序员的核心创作平台之一，而皮肤定制则是博客园用户个性化表达的重要方式。从早期的纯 CSS 样式修改，到后来的 JS 脚本增强，博客园皮肤开发的需求不断升级，但平台的原生开发模式却始终没有跟上前端技术的发展步伐。 阅读全文
posted @ 2026-02-13 10:56
guangzan
阅读(1158)
评论(13)
推荐(16)
摘要：
本文记录了将 Tona 项目从传统 Vite 工具链完整迁移到 Vite+ 的全过程，包括迁移策略、配置调整、踩坑经历与最终收益。 1. 项目背景 Tona 是一个专为博客园设计的皮肤开发框架，采用 monorepo 架构，包含： 12 个 packages：核心库、UI 组件、Hooks、工具函数 阅读全文
posted @ 2026-03-16 09:16
guangzan
阅读(243)
评论(1)
推荐(2)
摘要：
1. 背景：AI Agent 需要怎样的浏览器交互能力？ 随着自主智能体（AI Agent）在的广泛应用，让它们能够操作网页已成为刚需。然而，传统浏览器自动化框架（如 Playwright、Selenium）虽然功能强大，却存在明显短板： API 过于复杂：对 LLM 来说难以准确调用和组合 输出非 阅读全文
posted @ 2026-03-04 09:14
guangzan
阅读(2270)
评论(0)
推荐(0)
摘要：
背景 tona-shadcn 是基于 tona 和现代 UI 组件系统 shadcn/ui 的博客园皮肤实现，它让传统博客园主题具备一致的设计语言、深色模式支持和响应式布局能力。其价值在于将成熟设计组件与博客园生态结合，为内容创作者提供既专业又现代的阅读体验。 使用方式 进入博客园后台「设置」页面； 阅读全文
posted @ 2026-02-06 17:45
guangzan
阅读(1319)
评论(3)
推荐(8)
摘要：
背景 Agent Skill 是一个可复用的能力单元，通常包含明确的职责边界、触发条件、输入输出约定，且可能封装了提示词、工具调用逻辑、状态 处理和约束规则。在工程化 Agent 系统中，Skill 更接近“函数 / 用例 / 子代理”。相对于提示词（Prompt），提示词只是其中的一部分实现细节， 阅读全文
posted @ 2026-01-20 10:14
guangzan
阅读(1520)
评论(0)
推荐(2)
摘要：
背景 过去两年，AI 生成 UI 的实践基本集中在两种路径上。第一种是直接让模型生成 JSX、HTML 或 CSS。这条路线的优势在于自由度极高，模型几乎不受约束，看起来“什么都能写”。但在真实工程环境中，这种方式几乎不可控：输出结构不稳定，无法保证组件边界，难以做权限与审计控制，生成的代码经常无法 阅读全文
posted @ 2026-01-15 15:23
guangzan
阅读(6905)
评论(8)
推荐(16)
摘要：
我见过许多因为运行时数据不匹配而导致的崩溃，也曾写过无数防御性代码和 any 断言，哈哈 😄。TypeScript 的类型安全本来就不该止步于编译期。直到遇见 Zod，Zod 不仅是一个验证库，它为 TypeScript 带来运行时安全，是目前最优雅、最彻底的解决方案。 我们为何需要 Zod？ T 阅读全文
posted @ 2026-01-04 10:32
guangzan
阅读(858)
评论(2)
推荐(2)
摘要：
问题背景 在一次开发过程中，遇到了一个典型但又颇具迷惑性的渲染问题：Markdown 表格的行分割线在 Xcode 预览中正常显示，但在运行时完全消失。 代码块中的代码内容在 Xcode 预览中正常显示，但在运行时完全消失。 这类问题通常与运行环境差异、渲染上下文或视图修饰符有关。接下来，我记录了自 阅读全文
posted @ 2025-12-22 09:13
guangzan
阅读(892)
评论(0)
推荐(1)
摘要：
问题背景 最近在开发 MacOS APP 时，遇到点击窗口（Search Window）的关闭按钮（×）会导致应用崩溃问题。我提供给 AI 实现搜索功能的提示词如下： 为应用程序新增搜索功能，具体实现要求如下： 1. 界面元素添加： - 在应用程序界面的合适位置（建议为导航栏或工具栏）添加一个视觉清 阅读全文
posted @ 2025-12-18 16:37
guangzan
阅读(731)
评论(2)
推荐(1)
摘要：
引言 如果你在过去一年中关注前端和全栈开发领域，可能会注意到一个有趣的现象：传统的 Web 应用正在积极拥抱人工智能。 什么是 AI SDK？ AI SDK 是由 Next.js 开发团队 Vercel 推出的开源 TypeScript 工具库，专为构建 AI 驱动应用而设计。它支持 Next.js 阅读全文
posted @ 2025-11-24 09:18
guangzan
阅读(2662)
评论(1)
推荐(5)
摘要：
在现代 React 组件开发中，优先想到 useState、useEffect、context、props drilling 这样的框架能力，而容易忽略： 浏览器原生 HTML 属性本身，就是一个强大而成熟的状态表达载体。 比如 data-* 为代表的自定义属性，在近几年被越来越多的专业组件库采用， 阅读全文
posted @ 2025-11-19 17:46
guangzan
阅读(513)
评论(3)
推荐(4)
摘要：
根据 ChatGPT 的描述， 后端项目中出现频率最高的前 6 名设计模式是： 排名 模式 典型应用 🥇 1 单例模式 数据库连接、缓存客户端、全局配置 🥈 2 工厂模式 动态加载不同实现（如多租户、支付、存储） 🥉 3 代理模式 / AOP 事务、日志、鉴权、缓存 4 策略模式 不同业务策略 阅读全文
posted @ 2025-11-15 16:33
guangzan
阅读(125)
评论(2)
推荐(1)
摘要：
引言 模板方法模式（Template Method Pattern）是一种行为型设计模式。它定义算法骨架，将具体步骤延迟到子类实现。适用于固定流程但部分步骤可变的情景，如游戏初始化或数据处理。 定义 抽象类：定义模板方法（final方法）和抽象步骤。 具体子类：实现抽象步骤。 优点：代码复用，易扩展 阅读全文
posted @ 2025-11-14 17:04
guangzan
阅读(507)
评论(0)
推荐(3)
摘要：
为什么需要专门的环境变量解决方案？ 在 Next.js 应用开发中，环境变量管理一直是个棘手问题。传统的 .env 文件方式存在诸多痛点： 类型安全问题：环境变量没有类型检查，容易在运行时出错 验证缺失：无法确保必需的环境变量都已正确配置 客户端/服务端混淆：可能意外将敏感变量暴露到客户端 团队协作 阅读全文
posted @ 2025-11-13 09:45
guangzan
阅读(183)
评论(0)
推荐(2)
摘要：
什么是代理模式？ 代理模式是一种结构型设计模式，它允许你提供一个替代物或占位符来控制对另一个对象的访问。代理对象充当原始对象的接口，客户端通过代理来间接访问原始对象，从而可以在不改变原始对象代码的情况下添加额外的功能。 代理模式特别有用，因为我们可以利用接口和类型系统来确保代理和真实对象具有相同的接 阅读全文
posted @ 2025-11-12 10:37
guangzan
阅读(302)
评论(0)
推荐(5)
摘要：
在软件开发中，对象创建是最基础也是最关键的操作之一。随着项目规模的增长，直接使用 new 关键字创建对象会导致代码高度耦合，难以维护和扩展。工厂方法模式正是为了解决这一问题而生的经典设计模式。 什么是工厂方法模式？ 工厂方法模式是一种创建型设计模式，它定义了一个创建对象的接口，但让子类决定实例化哪个 阅读全文
posted @ 2025-11-11 10:19
guangzan
阅读(311)
评论(0)
推荐(3)
摘要：
策略模式（Strategy Pattern）是一种行为设计模式，它允许你定义一系列算法，并将每个算法封装起来，使它们可以相互替换。下面介绍策略模式在 TypeScript 中的实现。 策略模式基本概念 策略模式包含三个主要部分： Context（上下文）：维护一个策略对象的引用 Strategy（策 阅读全文
posted @ 2025-11-10 15:39
guangzan
阅读(253)
评论(0)
推荐(1)
摘要：
什么是单例模式？ 单例模式是一种创建型设计模式，它确保一个类只有一个实例，并提供一个全局访问点来获取这个实例。在 TypeScript 中，单例模式特别有用，因为它结合了 JavaScript 的灵活性和 TypeScript 的类型安全。 为什么需要单例模式？ 想象一下这些场景： 数据库连接池管理 阅读全文
posted @ 2025-11-07 15:38
guangzan
阅读(240)
评论(0)
推荐(1)
摘要：
大家好！最近在个人项目里用上了 React Server Components (RSC)，觉得这东西有点意思，能让应用更快、更轻。以前 React 组件全在浏览器跑，现在部分移到服务器。今天我就来聊聊 RSC，从基础说起，帮你快速上手。 什么是 React Server Components？ 简 阅读全文
posted @ 2025-11-06 09:18
guangzan
阅读(340)
评论(2)
推荐(1)
摘要：
在 2025 年的前端开发中，代码一致性和效率已成为核心痛点。传统工具链如 ESLint + Prettier 虽强大，却饱受配置复杂、性能瓶颈和 CI/CD 集成难题之苦。Ultracite，作为 Biome 的高度意见化预设，应运而生。它不仅零配置部署，还深度优化 AI 协作场景，帮助开发者与模 阅读全文
posted @ 2025-11-04 09:11
guangzan
阅读(343)
评论(0)
推荐(0)
浙公网安备 33010602011771号