已读不回143

> 目标读者：已经熟悉 TypeScript 基础语法、泛型、条件类型的同学。本文按常见工具类型的...

> 目标读者：掌握了 TypeScript 基础语法，想在业务中更高效地使用内置工具类型的前端/...

> 目标读者：有一定 TypeScript 基础（了解泛型、条件类型）的同学，希望理解 `inf...

> 目标读者：刚学 TS 的前端开发者，或希望把泛型用到实际工程（请求封装、组件复用）中的同学。...

在工程实践中，我们常常需要在**不修改原有业务代码**的前提下，为对象**透明地**加上缓存、鉴权、限流、重试、日志、懒加载...

🏭 深度解析工厂设计模式：解耦对象创建，让代码更优雅 前言 在日常开发中，我们经常需要根据不同条件创建不同的对象。最直接的方式是在代码中到处使用 new 关键字，但这样会...

前言 在现代 Web 开发中，多主题切换（特别是暗色模式）已经成为用户体验的标配。但是，当你真正开始实现多主题功能时，会发现原生的 CSS 变量 + Tailwind CS...

前言 在日常的前端开发中，我们经常会遇到这样的场景：根据不同的条件执行不同的逻辑。最常见的做法是使用大量的 if-else 或 switch 语句，但这样的代码往往难以维护...

前言 在移动端开发中，视口高度一直是一个令人头疼的问题。尤其是在 iOS Safari 浏览器中，还有三星手机的导航遮挡，当虚拟键盘弹出时，视口高度的变化会导致固定定位元素...

日常开发，单例设计模式是解决常用的设计模式之一。今天我们来深入探讨单例模式（Singleton Pattern），这个看似简单却应用广泛的设计模式。 什么是单例模式 单例模...

一、架构设计理念的差异 1.1 Webpack的传统打包模式 Webpack采用全量打包的工作方式： 从entry入口开始：递归分析所有依赖 构建完整的依赖图：包括所有JS...

一、魔法注释简介 1.1 什么是魔法注释？ 魔法注释是Webpack特有的注释语法，用于在代码中嵌入Webpack特定的编译指令。它们不会出现在最终生成的代码中，只会在编译...

从Vue的keep-alive看LRU的精妙设计 在Vue的源码中，keep-alive组件正是使用LRU（Least Recently Used）算法来管理缓存组件的典型...

传统方案的痛点：代码入侵 在上一篇文章中，我们通过高阶函数实现了请求缓存功能： 这种方式虽然有效，但存在三个显著问题： 结构性破坏：必须将函数声明改为函数表达式 可读性下降...

问题背景：大数据量传输导致的性能瓶颈 在现代Web应用开发中，我们经常会遇到需要从后端获取大量数据的场景。当后端返回的数据量非常大（达到MB级别）时，传统的传输方式会导致严...

前言 在日常前端开发中，我们经常会遇到需要缓存请求的场景，比如解决重复请求、为什么不从代码优化呢，比如一个页面多个地方调用，你如果改，怎么改？父组件请求，一层一层传？首先是...

在上文中我们介绍了Proxy，这篇文章介绍在Vue3的响应式系统中，Proxy处理器里大量使用了Reflect方法而非直接操作对象，这背后有着重要的设计考量。让我们深入分析...