前端性能优化：请求折叠与 inflight 请求队列
9 min在 MDN 上看 HTTP Caching 相关内容时，了解到 request collapse 技术，挺感兴趣的，研究一番发现可以在实际开发场景中应用，这里写一篇文章进行记录。相关文档地址：HTTP caching note: 阅读 MDN 上的资料时，请尽可能地阅读英文原版，中文内容会出现图片加载异常、内容过时的情况。请求折叠（Request Collapsing），又叫请求去重，是一种避免重复请求同一个资源的技术手段。它的核心思想是：如果多个请求在同一时间请求相同的数据...
Codegen 加速开发：从数据结构到模版代码
6 min在日常开发中，我们常常会面对大量重复性的工作，比如：定义 API 请求以及响应类型 编写接口调用方法 维护前后端一致的数据结构等。这些代码通常遵循一定的结构以及实现模式，我们将这些内容称为模版代码，这些模版代码虽然重要，但是写起来枯燥，重复性高，容易出错。简单来说，Codegen 就使用已经定义好的结构或者规范，比如：API 文档、数据库或者 Data Schema、接口定义等，自动生成代码，常见的用途包括：自动生成 API 请求方法和类型声明； 自动同步后端和前端的数据结构...
Excessive Stack Depth Comparing Types - 调查与解决
9 min在项目中执行 tsc --noemit 时，遇到了 Excessive stack depth comparing types 错误。本文将记录我解决此问题的过程，包括分析错误原因、排查过程以及最终的解决方案。首先，通过执行 tsc --noemit，终端出现如下错误信息：Excessive stack depth comparing types 这表明 TypeScript 的类型检查在比较类型时，栈深度超出了最大限制。通过查看 package.json 配置，确认项目的...
QueryBox：现代化智能 GraphQL 请求工具 🚀
4 min在现代 API 开发中，GraphQL 已成为开发者构建灵活高效 API 的首选。然而，传统的工具如 GraphiQL 或 Postman，虽然功能强大，但在用户体验和智能化方面仍有提升空间。QueryBox 的诞生，正是为了解决这些痛点。它不仅是一个 GraphQL 请求工具，更是一个智能化、现代化的开发助手。QueryBox 是一个专为 GraphQL 开发者设计的网络请求管理工具。它提供了一个无缝的开发环境，帮助开发者高效地编写、测试和调试 GraphQL 查询。无论是...
创建了新的个人网站
1 min拥有个人网站的想法由来已久，但是之前的很多次折腾经历，不仅浪费了太多的时间，也没有很好的坚持下来进行内容输出。这次搭建的网站采用的技术栈主要有：astro Tailwind CSS 目前域名是在阿里云上注册，想在之后迁移到 GoDaddy。网站部署在 Cloudflare，之前尝试部署在阿里云 OSS 和七牛云，各种认证和权限管理，花费了不少精力，最后打算试试 Cloudflare，前后大概部署了不到10分钟，还可以直接推送代码到 GitHub 实现自动部署，嗯，就是很快。一...