EZ Edward Zheng

页面支持键盘导航和系统级辅助偏好。页面不依赖声音表达信息,动画仅作为视觉补充。

Lab Notes

把实践经验,整理成可复用的小系统。

这里记录排障、自动化、数据处理和前端实验。每个模块都尽量讲清楚问题、方法和结果。

GitHub Language Mix

代码语言分布

正在读取 GitHub 公开仓库语言统计。

Local AI Runtime

在浏览器里运行 AI 能力

这个模块用于观察浏览器是否具备本地 AI 运行条件,包括 WebGPU、内置 AI 接口和前端交互能力。 它更关注隐私边界、响应速度和可视化表达。

01 / Runtime Layer

浏览器运行能力检测

检测 WebGPU、Chrome 内置 AI 接口和端侧推理准备状态,判断当前浏览器是否适合运行本地 AI 功能。

WebGPU Built-in AI API On-device inference
打开运行测试 浏览器 AI 能力检测
02 / Ops Layer

自动化运维诊断台

使用 Web Components 和前端状态管理模拟服务巡检,把指标采集、风险判断和排障建议整理成可复用工具。

Web Components ES Modules Runbook Observability
Ops Event Bus 打开诊断台
[ready] waiting for ops-console diagnostics
{
  "status": "listening-ready",
  "source": "edge-ops-console.html",
  "architecture": "Web Components + ES Modules"
}
03 / Rendering Layer

沉浸式 3D 场景

使用 Three.js 构建 GPU 加速的 3D 场景,用轨道、节点和实时反馈表达复杂系统关系。

Three.js Babylon.js GPU rendering
打开地月场景 Earth · Moon · ISS · LRO
04 / Edge Boundary

清晰的 API 边界

使用 Cloudflare Worker 隔离 Token、缓存和外部 API 访问,让前端专注展示、交互和能力检测。

Cloudflare Worker Token isolation Cache strategy
点击后检查页面来源、缓存响应和前后端职责边界。
05 / Systems Language Layer

Go-style Backend Thinking

以 Golang 的系统语言思路设计可迁移后端:清晰接口、并发任务、上下文取消、错误处理、缓存策略和服务边界。即使当前由 Worker 承载,也保留迁移到 Go microservice 的架构空间。

Golang Concurrency Context control Error handling
点击后模拟 Go 风格的并发任务、超时取消和错误聚合。