EmotionComputer

原创 浏览器到服务器的请求响应过程

从我们在浏览器的地址栏输入域名到浏览器显示内容，这个过程发生了什么？域名解析：首先去DNS服务器去将域名解析成对应的IP地址。再将解析得到的IP地址去我们想要访问的服务器去请求内容。下面再对第二步进行详细剖析：首先要弄明白http、https、TCP、UDP、IP、socket直接的联系和区别：参考如下：http、TCP、UDP联系与区别TCP/IP、Http、Socket的区别...

原创 大模型KVCache和Prompt Cache

Prompt Cache = 把每次都重复出现的那段 prompt（最常见就是 system prompt）的处理结果缓存起来，避免重复处理，跨多个请求都能命中。

原创 CC Switch源码解读

认证字段 = 选一个环境变量名或),CC Switch 把对应 Provider 的 Key 写进那个 env var,让 CLI 启动时能读到。“完整 URL"开关 = 让你选择**“我只告诉代理路径”(简洁)还是"我直接给完整地址”**(灵活,支持不规范部署)。

原创 egg4.0解析

Tegg 是 Egg.js 4.x 的开发代号(Next Generation Egg),不是独立的新框架,而是 Egg.js 的大版本演进。3. 与 Egg 3.x 的核心差异维度Egg 3.xTegg / Egg 4依赖管理IoC 容器( 装饰器)类注册目录约定自动加载显式装饰器(、)模块划分单一应用多模块联邦(子目录可独立声明 )TypeScript可选一等公民,strict 默认开启ESM实验性默认支持( + NodeNext)

原创 幂等性 --

直译：了解你的客户，可以理解成实名认证。KYC认证是金融机构、银行、交易所等企业必须进行的一项操作规则。」，幂等是更宽泛的概念，能套在 HTTP 接口、SQL、消息队列、业务回调各种场景上。（删数据库、改状态、发请求都行），只要「多次执行后系统最终状态相同」就成。幂等：同一个操作执行一次和执行 N 次，最终结果是一样的。所以纯函数是幂等的「

原创 AI知识点

Responses”协议是OpenAI在2025年推出的一种新一代API接口标准，旨在取代传统的。它不仅仅是聊天，更是为构建“智能体”而生。为什么在AI客户端经常会有这个开关？

原创 react-navtive实战记录

本文档基于本项目(demo)实际跑通过的流程整理。按顺序做,不需要其他参考。

原创 android开发

是一个开源的,专门负责把源代码、依赖库、资源文件等"原料",按照你定义的规则,自动成最终可运行的应用(如 Android 的 APK)。

原创 Chrome AI assistance

https://chrome.dev/devtools-ai-quickstart/#intro

原创 skills安装方式

这是一个由 Vercel Labs 推出的开源命令行工具，旨在帮助开发者管理和分发“代理技能”（Agent Skills）。简单来说，。这个工具能帮你轻松地在不同的 AI 代理之间共享和管理这些技能。

原创 mysql常用SQL

它们虽然都能删除数据，但在底层机制和使用场景上有很大的区别。，并且不需要保留自增ID的计数，推荐使用此命令。

原创 React Native

现在我们来改点代码，体验一下 RN 的开发手感。用 VS Code 打开MyFirstApp文件夹，找到根目录下的App.js（或App.tsxreturn (<Text style={styles.title}>👋 你好，React Native!</Text><Text style={styles.subtitle}>这是我的第一个跨平台 App</Text></View>// RN 使用 JS 对象来写样式，默认就是 Flexbox 布局flex: 1, // 占满整个屏幕。

原创 业务知识学习

渠道标识(自定义推广位)：在电商导购场景中，渠道标识（自定义推广位）其实就是推广者（比如淘宝客、带货博主、返利App等）用来标记流量来源和结算佣金的专属“追踪代码”，PID 是 Promotion ID（推广位ID）的缩写。CPC（Cost Per Click 按点击付费）：就像是有人走进你的店，只要他跨进门，你就得付给拉客的人一笔“人头费”，不管他买不买东西。CPM（Cost Per Mille 按展示付费）：就像是你花钱在商场大屏幕上打广告，只要广告播了你就得付钱，不管有没有人进店。

原创 css module

这份关于 CSS Modules 的总结非常清晰且准确，核心逻辑完全正确！为了让这份文档在团队分享或实际落地时更加严谨、无歧义，我帮你指出了几个可以优化的小细节，并提供了一份润色后的版本供你参考。

原创 Claude Code 插件市场开发及注意事项

如果内网 Git 平台的 HTTP 服务返回了重定向或格式不兼容，就会导致 clone 失败。Claude Code 通过 Git URL 添加市场时，会先 clone 仓库，然后读取。当用户通过 Git URL 添加市场后，安装插件时 Claude Code 使用。URL 重写机制，将错误的 HTTP 地址拦截并替换回 SSH。，其中的相对路径会基于 clone 后的本地目录解析。一个 Git 仓库可以包含多个插件，每个插件放在。这就是"一个仓库、多个插件"能工作的原因。，定义插件的元信息。

原创 TypeScript常见核心配置和JS转译工具对比

tsc --init生成配置文件。在配置文件中开启 "strict": true和 "esModuleInterop": true。开发时使用 tsc -w或配合构建工具（如 Vite/Webpack）自动运行。预构建主要针对依赖），不是业务源码。核心目标是把依赖整理成开发服务器更高效可用的形态，并减少首次加载成本。这一步在 Vite 中默认由 esbuild 承担。

原创 大模型、minimax、Claude会员

🚀 MiniMax Token Plan 惊喜上线！新增语音、音乐、视频和图片生成权益。邀请好友享双重好礼，助力开发体验！

原创 Markdown 处理工具 - Remark

如果你是一个开发者，或者需要处理大量的 Markdown 文档，Remark 就是一个非常强大的瑞士军刀。它不仅能帮你把 Markdown 变成网页，还能像机器人一样帮你自动检查和整理文档格式。目前这个项目非常成熟，拥有超过8.8k个 Star，是目前世界上最流行的 Markdown 解析器之一。

原创 Node.js 模块系统

是 ES 模块的语法，表示当前文件的 URL 路径。在 CommonJS 中是全局存在的，但在 ES 模块中需要通过转换得到。

原创 llms.txt

llms.txt 是一个网站规范站点，推广在网站根目录放置 /llms.txt文件。

原创 OAuth2.0授权登录

OAuth（Open Authorization）是一个，让第三方应用可以访问用户在某个平台上的数据，而不需要获取用户的账号密码。你想让 App A 读取你的微信好友列表，但不想把微信账号密码给 App A。

原创 ref、useRef 和 forwardRef

是一个核心概念，它提供了一种在组件中访问和操作 DOM 节点或 React 元素的方式，是 React 声明式范式之外的一种“命令式”操作手段。三者紧密协作，共同解决了“如何直接操作 DOM”以及“如何在组件间传递这种操作能力”的问题。就是为了解决这个问题而生的，它像一个“桥梁”，打通了组件边界，让父组件的。是一个 React Hook，主要在函数组件中使用。“Exotic” 是 React 内部术语，表示一种"不普通"的组件。能够穿透子组件，直接绑定到子组件内部的特定 DOM 元素上。

原创 抽象语法树 AST

AST 是代码的“数字骨架”，Babel是功能最全的“老中医”，SWC是速度飞快的“外科医生”。虽然它们生成的“X光片”（AST）细节略有不同，但都是为了让我们的代码跑得更快、更稳。

原创 git-ai 项目详解

AI 生成的代码被人修改过的那部分行数。1. AI 生成了一段代码 (第 10-15 行)2. 人 review 后修改了第 12 行3. 最终这 6 行 commit 进代码库分类行数说明5AI写的，人没改，直接用1AI写的，但被人修改了为什么要区分？AI 写的代码被人修改了，说明人花了时间 review 和改进。这部分不完全算"AI写的代码"，也不完全算"人写的代码"，所以叫mixed（混合）。████ = pure human (人自己写的)

原创 AI资源集

awesome-nano-banana-pro-promptsawesome-seedance-2-prompts

原创 前端测试框架：Vitest

Vitest 是一个。

原创 Claude Code Plugins 目录结构与加载机制

Claude Code 启动时首先读取。每个插件根目录必须有。

原创 Claude Code Hooks的原理、触发执行机制以及如何编写 Hooks

和。

原创 Claude Code深入研究

当你直接在终端输入claude并回车时，你就进入了REPL 模式。Read (读取)：你输入一行指令或问题（例如：“帮我重构这个函数” 或/configEval (求值)：Claude Code 接收你的输入，结合当前项目上下文，调用 AI 模型进行处理，或者执行内置命令。Print (输出)：Claude Code 在终端显示结果（代码修改、回答、或配置界面）。Loop (循环)：处理完后，它不会退出，而是继续等待你的下一条指令，直到你输入/exit或Ctrl+C。简单比喻非 REPL 模式（如。

原创 Command、Skill、Agent 三者的本质区别与实战选择

skillcommandcommand/xxxsubAgentskill像“作战手册”它定义的是 Claude 遇到某类任务时应该怎么做。它可以自动触发，也可以手动要求 Claude 使用某个 skill，还可以被 command 间接带起。command像“快捷菜单”你输入这种，本质上是在给 Claude 一个稳定的交互入口。它擅长收参数、组织上下文、执行脚本、串起流程。subAgent像“分出去干活的同事”

原创 语音合成TTS

原创 CSS三大主流方案深度解析

2026 年的 CSS 世界不再是"银弹"之争，而是**“合适工具用在合适场景”**的工程化智慧。追求极致效率和标准统一？选。坚守传统工作流和局部隔离？选。构建类型安全和组件库？选。理解每种方案的核心哲学，结合团队技术栈和项目需求，才能构建出既高性能又可维护的样式架构。毕竟，最好的 CSS 方案，永远是能让你的团队高效交付、快乐编码的那一个。

原创 Context Hub（chub）

本文档总结的用途、原理、远程地址、本地目录、注解机制及与 Claude Code 的配合方式，便于查阅和落地使用。

原创 Changesets 使用总结

本文档总结的配置、命令与日常发版流程，便于团队统一使用。

原创 Vue 3 现代开发指南：从核心原理到最佳实践

以use开头的函数（如useMouseuseFetch内部使用 Composition API（refcomputed, 生命周期等）。返回响应式数据和方法供组件使用。

原创 一次搞懂 SSH、GitHub 与 `~/.ssh` 里的那些文件

这次你从 “git push提示登录失败、Permission denied (publickey)” 一路排查到成功推送，其实已经把 SSH 的关键知识都走了一遍。

原创 现代前端构建工具与热更新机制深度解析

在现代前端开发中，Webpack和Vite是两大核心构建工具。它们解决了浏览器无法直接运行 TypeScript、JSX、SCSS 等非原生代码的问题，并提供了模块化开发、代码优化和极速的开发体验。本文档将深入解析它们的本质、工作原理，核心特性HMR (热模块替换)的实现机制，以及 Vite 独有的依赖预构建策略。没有它们，我们将退回到手动管理<script>标签、无法使用 TypeScript/JSX、无法享受模块化开发、无法进行自动化优化的“刀耕火种”时代。

原创 深入理解 `/usr/bin/env`：从二进制程序到跨平台脚本执行的核心机制

看似微不足道，却是连接开发环境配置与脚本可移植性的关键桥梁。它不是魔法，而是一个精心设计的系统工具；.zshrc也不是万能钥匙，而是你定义“去哪里找工具”的地图。env是一个被内核调用的程序它依赖PATH而PATH由.zshrc等配置文件定义，你就掌握了在多版本、多平台、多环境中稳定运行脚本的核心能力。记住：配置决定路径，路径决定执行，执行决定成败。从今天起，不再对 “command not found” 感到困惑！这篇文章适合用于团队知识库、个人博客或技术分享。

原创 Monorepo（单体仓库）架构

但是还不是Monorepo架构，因为它缺乏Monorepo的工程加载，没有共享依赖、没有跨项目引用。❗ 注意：不是所有“多项目同仓”都叫“规范的 Monorepo”如果你只是简单地把几个不相关的项目丢进一个带。

原创 蚂蚁企业级数据可视化解决方案

项目用途特点G2Plot简单图表（无需 React）一行代码生成常见图表，比 G2 更易用G6图/网络可视化支持力导向布局、树图、流程图等F2移动端图表体积小，适配手机触摸交互L7地理空间可视化支持高德/Mapbox 底图，海量点渲染X6图编辑器框架可构建类似流程图、BPMN 编辑器你的需求推荐方案快速在 React 项目中加图表✅需要高度定制或非 React 项目✅G2或G2Plot做关系图/知识图谱✅G6做地图/地理数据✅L7移动端 H5 图表✅F2想深入理解可视化原理。