(╹ڡ╹ ) 的博客

在 Web 应用早期，浏览器和服务器之间的通信几乎完全依赖 HTTP 请求。用户点击按钮，浏览器发起请求，服务器返回响应。这种模式简单、可靠，也非常适合传统页面加载和表单提交。 但随着聊天系统、在线协作、实时行情、多人游戏、消息通知等场景出现，传统 HTTP...

认识 Agent Client Protocol 什么是 Agent Client Protocol？ Agent Client Protocol（简称 ACP）是一种专门用于 AI Agent 与客户端（编辑器、IDE、终端、Web 应用等）之间通信的开放协议，用来规范 AI...

为什么需要双 Token？ 单 Token 模型通常存在一个核心矛盾：安全性与用户体验难以兼顾。 如果 Token 过期时间很短：安全性高，但用户频繁掉线 如果 Token 过期时间很长：用户体验好，但一旦泄露风险极大 双 Token 的核心思路是：把“短期访问权限”和“长期刷新能力”拆开。...

最近读到一篇关于 Chrome DevTools MCP 的博客，文章系统介绍了 Claude Code 配合 Chrome DevTools MCP 做页面抓取、前端调试等的使用。看完感觉这个功能确实还挺好的，所以决定在自己的项目里试一试 Chrome DevTools MCP...

在前端开发中，“让浏览器记住一些东西”几乎是所有稍微复杂一点的应用都会遇到的需求：保存用户登录状态、记录偏好设置、缓存接口数据、支持离线应用等。浏览器本地存储做得好，可以显著减少网络请求、提升页面性能和用户体验；做不好，则会很容易出现数据混乱、XSS...

一、跨域问题的本质：同源策略与安全边界 1.1 什么是跨域？ 跨域（Cross-Origin）的核心根源，是浏览器内置的同源策略，指的是浏览器出于安全考虑，限制一个源（Origin）的脚本访问另一个源的资源。这里的"源"由三个要素组成，所谓「同源」，要求两个 URL 的以下三个要素完全一致：...

1. clsx 和 twMerge 与函数解析 以下这段代码是现代前端开发（尤其是使用 Tailwind CSS 和 shadcn/ui 的项目中）的一个工具函数。它通过组合两个强大的库，解决了 CSS 类名合并中的冲突和逻辑判断问题。 `tsx import { type ClassValue,...

1. 问题 最近写代码的时候我遇到一个问题，我在开启了数据持久化的 仓库里面写了一个类似“点击切换选中状态”的逻辑：如果数组里没有就 进去，有了就 掉。代码如下： 这代码单看好像没有什么问题，但是我却遇到一个很奇怪的现象，明明逻辑没问题，为什么刷新页面后 ...