Skip to content
Hero Image
UI Designer → Vibe Coding 学习路线图

让 UI 设计师把 Figma 设计还原为可运行、可交互的高保真 Demo

重新理解 Figma:从画布绝对坐标到浏览器文档流

解构 Canvas 与 DOM 之间的思维鸿沟,用 Auto Layout 与 Grid 搭建前端可直译的设计稿结构。

用 Cloudflare Workers + D1 复刻不蒜子

从控制台里刺眼的 ERR_BLOCKED_BY_CLIENT 出发,记录自建 Busuanzi 兼容访客统计服务 counter 的全过程:D1 架构设计、真实 UV 哈希去重、历史基数平移,以及 VitePress 的前端去特征化集成。

用 XPREM 自建 Expo 热更新服务

拆解 Expo Updates 协议自建服务 XPREM 的端到端链路组件,对比 Stateless 与 Control Plane 模式的架构差异与部署配置,提供 CDN 缓存、灰度发布与常见踩坑记录。

在 Mac 上完全脱离 Android Studio 配置 Android SDK 与模拟器

记录如何彻底卸载 Android Studio,利用官方全新的 Android CLI 工具链、ARM64 系统镜像与 ADB,从零搭建极简纯净的 Android 开发环境并跑通 Expo。

Web 开发中的缓存体系精讲:从浏览器到服务端

全面解析 Web 开发中的全链路缓存机制,涵盖浏览器强缓存与协商缓存、CDN 边缘加速与回源、Nginx/Caddy 配置实战、前端工程化 Hash 实践以及服务端 Redis 策略与经典三大问题。

是谁在我的 Edge 里吃了 4 个 G?

一怒之下写了一个 Edge 网页缓存数据储存空间分析器

import.meta.url 究竟是啥

从 ECMAScript 规范角度全面理解 import.meta 与 import.meta.url,涵盖浏览器、Node.js、Deno、Bun 各宿主环境的差异与约定,以及在 Vite 等构建工具中的实际应用。

React Native 和 Expo 的渲染原理

记录一下 React Native 和 Expo 在移动端到底是怎么把前端代码跑到手机上的

JavaScript 中的 OOP 与 FC

这篇分享主要让大家了解一下 js 中的 oop 与 fc,通过结合原理学习语法来提高大家的学习效率、加深大家对知识的理解。