前端包管理器 - pnpm
pnpm是一个高效且节省空间的前端包管理器，通过改进的非扁平node_modules目录和硬链接机制优化依赖管理。与npm和yarn相比，pnpm在性能和兼容性上表现优越，尤其在缓存情况下安装速度更快。pnpm的安装过程分为解析、目录结构计算和链接依赖项三个步骤，采用符号链接解决幽灵依赖问题，并通过硬链接机制减少硬盘占用。pnpm还支持monorepo，并提供了操作全局store的命令。
Development
前端包管理器 - yarn 与 PnP
本文介绍了前端包管理器Yarn的不同版本，特别是Yarn v2及其PnP（Plug'n'Play）机制。Yarn v1与npm相比具有离线模式和lock文件等优点，而Yarn v2引入了monorepo支持和零依赖安装。PnP机制替代了传统的node_modules目录，通过优化依赖解析过程，提高了安装速度并解决了依赖版本冲突和幽灵依赖问题。此外，文中还讨论了Yarn的插件化设计、兼容性问题及其解决方案。
前端包管理器 - npm
本文介绍了前端包管理器npm的发展历史、功能和重要性。npm不仅是一个包管理器，还是前端项目管理的基础，管理依赖、项目信息和脚本。文章详细探讨了npm的历史、模块化概念、依赖管理的演变，以及如何使用npm管理项目和发布自己的npm包。尽管npm在现代前端开发中逐渐被yarn和pnpm等新工具取代，但其核心思想和机制仍然对开发者有重要的学习价值。
深入理解 React Hooks
深入探讨React Hooks的设计原则、实现机制及其在函数式组件中的应用，强调声明式渲染的优势，并提供自定义Hooks的实现示例，如useAsync，用于处理异步请求和状态管理。
HTML表单（form）相关知识
本文介绍了HTML表单的基本知识，包括表单的定义、元素、提交方法、验证方式及其在组件库中的应用。表单用于收集用户输入，支持多种元素如<input>、<select>和<textarea>，并通过action和method属性定义提交行为。强调了客户端和服务端的验证方式，以及使用JSON格式提交表单数据的优势。最后，讨论了在Ant Design与Vue中的表单使用方法。
monorepo 前端项目实操
本文介绍了monorepo（单体仓库）的概念及其在前端项目中的应用，强调了使用yarn workspace和lerna进行项目管理的优势。monorepo允许多个项目在同一仓库中管理，便于依赖共享和版本发布。文章还探讨了monorepo的优缺点、适用场景以及最佳实践，包括commit规范、Git Hooks和自动化工具的使用，旨在帮助开发者更高效地管理和维护前端项目。
