Pixiv - KiraraShss
AI 函数调用与 MCP 协议深度解析:从 OpenAI tools 到 Model Context Protocol
系统拆解 AI 函数调用(Function Calling/Tool Use)与 Model Context Protocol(MCP)的来龙去脉。从 OpenAI tools 协议栈、Claude Tool Use、Gemini Function Calling 的差异,到 MCP 协议的 JSON-RPC 通信、Resources/Prompts/Tools/Sampling 四大原语与 stdio/SSE/HTTP 三种传输,再到自建 MCP Server 接入 Claude Desktop 与 Claude Agent SDK 的全链路实战,附 6 个完整可运行示例。
LLM 结构化输出实战:JSON Schema、函数调用与 Zod 校验全链路
深入剖析 LLM 结构化输出的三种主流方案——JSON Mode、Function Calling/Tool Use 与 JSON Schema 约束式生成。从原理、可靠性、Token 成本到前端解析与 Zod 运行时校验,搭配 8 个完整可运行示例,帮你把 AI 的'自由发挥'装进确定的格子里。
Web Worker 与 SharedArrayBuffer:主线程阻塞的终极解法
当主线程遇到 10 万行数据、密码学运算、实时音视频解码时,Dedicated Worker 已经救不了你——你需要 SharedArrayBuffer + Atomics + Comlink 三件套。本文从痛点出发,拆解跨 Worker 共享内存的底层机制、COOP/COEP 跨域隔离配置,并给出可立即复用的图像处理实战项目。
ECC 全部 84 个命令速查手册:从元管理到语言特化的全栈工具箱
Everything Claude Code(ECC)提供了 84 个 slash 命令,覆盖规划、实现、审查、集成、语言特化、自动化六大场景。本文按官方分类逐一拆解每个命令的用途,附实际使用场景速查表与维护建议,是 ECC 用户的必备速查手册。
Web Vitals 性能监控全链路实战:从 LCP/CLS/INP 到真实用户度量
前端性能优化不能靠感觉,Web Vitals 提供了可量化的真实用户体验指标。本文将系统拆解 LCP、INP、CLS 三大核心指标的底层原理、采集方案、归因分析与优化实战,并手写一套生产级 RUM 监控 SDK。
AI RAG 前端集成实战:从向量检索到流式问答的全链路实现
深入剖析 RAG(检索增强生成)系统在前端的完整落地——从 Embedding 选型、向量数据库选型、Top-K 检索、重排序,到 SSE 流式问答 UI、引用高亮、增量缓存,手把手带你用 600 行代码搭一个生产可用的前端 RAG 聊天机器人。
WebGL 与 GLSL 着色器入门:从画三角形到基础光照模型
从 Canvas 与 WebGL 的关系出发,深入 GPU 渲染管线、可编程着色器、GLSL 语法、缓冲区与纹理,最后手写一个完整的 Phong 光照模型,带你真正理解现代前端图形编程的底层。
WebAssembly 与 Rust 前端实战:将计算密集型任务提速 10 倍
从 wasm-bindgen 工具链到 SIMD、Threads、wasm-pack 构建优化,逐层拆解 Rust + Wasm 的性能红利,附带图像卷积、JSON 解析、加密散列三个真实性能基准。
Service Worker 深度解析:拦截请求、离线缓存与推送通知
深入剖析 Service Worker 的运行模型、缓存策略与推送通知,从 fetch 拦截到 Background Sync,手把手实现一个生产级离线方案。