GraphQL 全面知识体系、对照组与最优实践 一、什么是 GraphQL？GraphQL 是一种 API 查询语言和服务端运行环境。它允许客户端声明所需数据的结构，服务端仅返回被请求的数据，解决了传统 REST API 的 over...

FSD × GraphQL 分层结构、规范与 CRUD 最佳实践本指南面向中大型 React 前端项目，结合 FSD（Feature-Sliced Design）与 GraphQL，从分层结构、目录规范、代码模板到错误对照组，给出最优...

Feature-Sliced Design（FSD）一、什么是 Feature-Sliced DesignFeature-Sliced Design（简称 FSD）是一种前端架构设计方法论，专注于大型/中型前端项目的可维护性、可扩展性...

FSD 各层级最优与错误对照组本节面向团队实践和规范推进，结合实际项目代码示例，对每一层提供“最优做法（正确）”和“常见反面案例（错误）”对比，直观展现分层价值和常见问题。 1. app 层（全局配置/入口）最优做法（正确） 123...

MonorepoMonorepo（单一代码库）是一种代码管理策略，在这种策略中，多个项目（例如前端、后端、共享库等）都被存放在同一个代码仓库中。这种做法通常被大规模团队和企业采用，它帮助管理多个相关项目的依赖关系、版本控制和代码共享。...

TurborepoTurborepo 是一个现代化的构建系统，专门为 Monorepo 项目设计，它能加速前端和全栈开发中的构建过程。Turborepo 是由 Vercel 开发的，旨在为大规模的 Monorepo 项目提供高效的构建...

2025年个人总结今天突然翻到自己很久没更新的博，正好有时间总结一下从去年开始到现在我都干了什么事情。 从去年开始到现在怎么说了，最大的收获算是体重稍微剪掉了一点。（悄悄告诉你 从272斤减到了180斤左右，还在坚持往下减。其他的就没...

Jest介绍Facebook 开源的一套 JavaScript 测试框架，它集成了断言库、mock、快照测试、覆盖率报告等功能。它非常适合用来测试 React 代码，但不仅仅如此，所有的 js 代码都可以使用 Jest 进行测试 快照...

加密媒体扩展(Encrypted Media Extensions)介绍加密媒体扩展（Encrypted Media Extensions）提供了一种 API，可以使 Web 应用程序与内容保护系统进行交互，以允许播放加密的音频和视频...

CDN 及 PCDN CDNCDN(Content Delivery Network 或 Content Ddistribute Network):内容分发网络也称为内容传送网络。是指一种透过互联网互相连接的电脑网络系统，利用最靠近每...