Skip to main content

Technical articles

Deep dives into system design, generative AI, and engineering practice, with an emphasis on principles, tradeoffs, and implementation details.

Featured#WebRTC#实时通信#教程

WebRTC 全景实战 (2)：第一个 P2P 视频通话

RTCPeerConnection 完整生命周期、JSEP Offer/Answer 模型、ICE Candidate 交换、Perfect Negotiation 与连接状态机，用手工信令跑通第一个端到端 P2P 视频通话

Rainy
Rainy雨落无声，代码成诗 —— 致力于技术与艺术的极致平衡
Read Article →
//
#WebRTC#实时通信

WebRTC 全景实战 (1)：浏览器媒体 API 与设备管理

从 getUserMedia 到 MediaStreamTrack 生命周期：Constraints 语义、设备枚举与热切换、屏幕共享、权限模型、adapter.js 与 devicechange 事件，掌握 WebRTC 媒体采集的完整第一站

RainyRainy
Read→
//
#WebRTC#实时通信

WebRTC 全景实战 (0)：架构全景与协议栈地图

从零理解 WebRTC 的设计目标、协议栈分层、W3C API 与 IETF 标准对照，建立贯穿全系列的认知地图

RainyRainy
Read→
//
#Skills#AI

从 AI 糊墙到大师级 UI：高星前端 Agent Skills 终极精选与一键安装指南

按 UI 设计规范、设计系统、框架技能、性能体验四大类型，盘点 frontend-design、impeccable、vercel-labs/skills、pixijs-skills 等高星前端 Agent Skills，附场景化选型与 npx 一键安装指南。

RainyRainy
Read→
//
#GPT-Image-2#Image Generation

Awesome GPT-Image-2 提示词画廊：378 个案例全量分类拆解

把 awesome-gpt-image-2 的 378 张案例图整理成可学习的 Tab 交互画廊：按 UI、信息图、海报、商品、品牌、摄影、插画、角色、空间、文档等类型展示图片与提示词。

RainyRainy
Read→
//
#OpenAI#GPT-Image-2

GPT-Image-2 深度解析：OpenAI 最强图像生成模型与提示词实战指南

全面解析 OpenAI GPT-Image-2 图像生成模型：核心特性、API 调用、场景对比、提示词工程与社区精选案例，助你从零掌握 AI 生图的前沿实践。

RainyRainy
Read→
//
#NFC#MIFARE

NFC 安全芯片深度解析：MIFARE DESFire EV1/EV2/EV3、NTAG DNA 与 TAPLINX 全链路指南

全面解析 NXP MIFARE DESFire 三代演进（EV1/EV2/EV3）、NTAG DNA 防伪认证芯片、TAPLINX 云管理平台，以及开源实战方案

RainyRainy
Read→
//
#GraphQL#Mesh

GraphQL Mesh v1 × Hive：从 gRPC 到联邦网关的全链路实战

深入探讨 GraphQL Mesh v1 与 Hive Gateway 的集成：从环境初始化、gRPC 协议转换、请求头管理、权限控制到通过 Hive CLI 发布 Supergraph 的全链路实战指南。

RainyRainy
Read→
//
#Kubernetes#Remote Development

Kubernetes 远程开发与本地代理 Pod 流量全攻略

详解在 Kubernetes 中进行远程开发的多种方法，包括端口转发、本地代理、Telepresence、DevSpace 等工具的使用和最佳实践

RainyRainy
Read→
//
#OpenBao#Secrets Management

OpenBao 全景解析：从零到生产的开源密钥管理实战

全面深入 OpenBao（HashiCorp Vault 开源分叉）：从核心架构、安装部署、Seal/Unseal 机制、Secret Engines、Auth Methods、ACL Policies，到生产级 HA 集群搭建、Kubernetes 集成与运维最佳实践

RainyRainy
Read→