写在前面 正如标题所讲，这里只是浅谈三者的关系，并不会很深入的去讲底层的源码之类的东西，大家可以有批判的去看 开始吧 一、偏虚拟DOM部分 首先是虚拟DOM树，为什么React要有虚拟DOM树，什么是

本文介绍前端用.env 文件的原因，即区分多环境配置、避免麻烦与错误；提及 dotenv 工具加载.env 变量到 process.env，附简易及升级版实现；说明前端需构建工具注入变量，总结.env

在前端与 Node.js 开发中，包管理器是连接项目与海量开源依赖的核心工具。从最早的 npm 到后来的 yarn，再到如今备受青睐的 pnpm，每一次迭代都围绕着 “效率、空间、一致性” 三大痛点展

此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公共组件等场景时非常有必要遵循

🌟 Monorepo 终极指南：告别项目碎片化，拥抱高效开发！ 一、什么是 Monorepo？打破传统开发困局 1.1 传统多仓库(Multi-repo)的痛点 想象一下这个场景：你正在开发一个电商平

一次真实的打包分析，揭开“按需引入”到底骗了我们多久 前端团队最爱说“我们用的是 lodash-es，按需引入，tree shaking 肯定没问题”，但项目打包结果却往往让人失望。 我自己的项目里，

这篇博客深入剖析了 ShadCN UI 的架构与设计理念，从组件封装到 CLI 的实现，全面解析了其流行背后的核心技术。我们将对组件的变体管理、类名合并、无头组件库的封装进行详细解读，并通过代码实例展

骨架屏（skeleton screen），每个前端都爱用。它不仅能提升用户体验，制作起来也简单，数据上（FP，首次渲染）也好看，基本上是无脑上不会有错的。 如今大部分关于骨架屏的探讨在于如何借助工具来

H5的加载性能对用户的留存和体验非常重要，如何秉着做到“极致”的愿景推进H5的秒开优化，本文先后从加载策略优化、资源大小优化、APP协同优化等方面讲解了我们再推进H5加载性能优化的实践。