React Native
React Native + Expo + Metro + 原生实现完全解析
从 Metro、JSI、Codegen、Expo 的内部机制，到 Expo SDK 无法覆盖的原生实现领域，一文贯通 React Native 底层原理。
Back to Home
Blog
Technical blog posts about web development, AI integration, and modern frontend technologies.
Topics
Timeline
AWS
如何在 CloudFront 中使用通过 Amazon Route 53 注册的域名
本文讲解如何将通过 Amazon Route 53 注册的域名配置为 CloudFront 的自定义域名。内容包括签发 ACM 证书、在 Route 53 中创建 A/AAAA 别名记录，以及将主域名和子域名分别分配到不同分发的配置方式。
AI
以 AI 编码代理为前提的手机应用开发：原生 vs 跨平台
从以 Claude Code、GitHub Copilot、Cursor 等代理为主力的开发前提出发，对原生（Swift/Kotlin）、Flutter、React Native 进行比较，分析混合实现的现实问题以及它们与 AI 的契合度。
Three.js
STELLAR EPOCH: APHELION — 免费浏览器太空放置游戏
免费浏览器太空放置游戏 STELLAR EPOCH: APHELION。无需安装，支持手机和电脑游玩，具有动态事件和真正的结局。
OpenAI
OpenAI API：Responses API 与结构化输出规范及实现指南
2025 年 OpenAI Responses API 与结构化输出指南。服务端状态管理、内置 MCP 工具，以及模型输出 100% 符合 Schema 的保证。
WebLLM
在浏览器中运行 LLM — WebLLM 完整指南
WebLLM 指南：使用 WebGPU、WebAssembly 和 Web Workers 在浏览器中运行 LLM。涵盖架构、基准测试、支持的模型和实现方法。
draw.io
使用 draw.io MCP 从 SAM 模板自动生成 AWS 架构图
使用 draw.io MCP 服务器和 VS Code 的 Draw.io 集成扩展，从 SAM 模板生成 AWS 架构图的实用指南。
Spec-Driven Development
比较规格驱动开发（SDD）环境：SpecKit vs Kiro
比较两种 SDD 方法：VSCode + GitHub Copilot + SpecKit 与 Kiro IDE。涵盖设置、工作流、生成文档和使用场景建议。
GitHub Actions
使用 OIDC 认证从 GitHub Actions 部署到 AWS
在 GitHub Actions 和 AWS 之间设置 OIDC 认证。涵盖 IAM 身份提供商、信任策略，以及用于 S3、ECS 和 SAM 的安全 CI/CD 流水线。
React
使用 Vite + React 构建可通过 URL 分享的视频链式播放器（状态同步 / i18n / AWS 部署）
视频链式播放器：串联视频片段并通过 URL 分享。基于 Vite + React 18 构建，涵盖 URL 状态同步、i18n 和使用 OIDC 的 AWS 部署。
GitHub Copilot
在 VS Code 中自定义 GitHub Copilot
VS Code 中 GitHub Copilot 的自定义功能：自定义指令、提示文件、自定义代理、代理技能和 MCP 服务器集成，附实用代码示例。
AI
通过 MCP 集成 VSCode 和 Blender，搭建 AI 3D 建模环境
通过 MCP 集成 VSCode + Blender 搭建 AI 3D 建模环境：安装 uv、配置 MCP 服务器、添加 Blender 插件，并使用自然语言控制 Blender。
Next.js
发布 Own Info App — 基于 Next.js (SSG) × S3 × CloudFront 的极简应用
多语言 Next.js 15 SSG 应用，部署于 S3 + CloudFront。支持网络/设备信息的复制与分享，包含 CloudFront URL 重写和 GitHub Actions CI/CD 流水线。
Next.js
Next.js App Router + 静态导出的多语言架构
使用 React Context 实现 i18n 的 Next.js 15 多语言静态导出架构，通过 SSG 和客户端语言检测提升用户体验。