X记录空间
为什么越来越多团队开始使用 Turborepo？
Meta Description： Turborepo 已成为现代 Monorepo 项目的热门选择。本文深入分析它的设计理念、缓存机制、增量构建以及适用场景，帮助团队判断是否值得采用。 Slug： why-use-turborepo 前言...
教程
undefinedReact Server Components 到底解决了什么问题？
Meta Description： React Server Components（RSC）是 React 近年来最重要的特性之一。本文从设计背景、工作原理、适用场景和开发实践等角度，深入解析它真正解决的问题。 Slug： react-se...
为什么 Feature First 正在成为大型前端项目的主流架构？
Meta Description： 深入解析 Feature First 架构为什么越来越受欢迎，从目录设计、团队协作、代码维护、领域划分等多个角度，分析大型 Vue 和 React 项目如何组织代码。 Slug： feature-firs...
TypeScript 大型项目类型设计：如何避免类型系统失控
Meta Description：本文从大型前端项目角度，分析 TypeScript 类型系统失控的常见原因，并总结 interface、type、unknown、泛型、DTO、领域模型、运行时校验等工程实践。 Slug：typescrip...
Vue3 性能优化实践：从响应式设计到组件渲染
Meta Description：本文从响应式系统、组件渲染、状态设计、列表优化、异步组件、KeepAlive、打包拆分等角度，系统总结 Vue3 项目中的性能优化实践，适合中大型前端项目参考。 Slug：vue3-performance-...
如何设计企业级组件库：从 Button 到 Design System
Meta Description：本文从真实企业项目角度，分析组件库为什么容易失控，以及如何从 Button、Design Token、主题系统、按需加载、Monorepo 和 Design System 等方面设计可长期维护的企业级组件库...
前端性能优化 Checklist：大型项目必须关注的实践
Meta Description：本文整理大型前端项目中常见的性能优化方法，涵盖网络、JavaScript、CSS、图片、Vue、构建工具、缓存和监控等方面，帮助开发者建立系统化性能优化思路。 Slug：frontend-performan...
为什么 Vite 能够取代 Webpack？深入理解现代前端构建工具
Meta Description：本文从构建原理、开发服务器、ES Module、esbuild、HMR 和生产构建等角度，分析为什么 Vite 能够逐渐取代 Webpack，成为现代前端项目的主流构建工具。 Slug：vite-vs-we...
为什么越来越多 Vue3 项目放弃 Vuex，全面转向 Pinia？
从设计理念、TypeScript 支持、开发体验和工程实践四个方面，深入分析 Pinia 为什么会成为 Vue3 官方推荐的状态管理方案。 前言 如果你是从 Vue2 时代一路走过来的开发者，对 Vuex 一定不会陌生。 曾经，Vuex 几...
为什么 Vue3 需要重新设计状态管理？
Vue3 发布之后，整个开发模式发生了非常大的变化。 最明显的就是： Composition API。 过去我们更多写的是： 而现在： 更多写的是： 整个项目开始朝着”函数化”发展。 例如以前： 现在更多写成： 状态...