DeppBing的博客，全栈修炼记｜记录一个开发者的进化轨迹

npm与pnpm处理peerDependencies的主要差异在于：npm v7+会强制安装peerDependencies并在冲突时报错，需加--legacy-peer-deps参数绕过；而pnpm默认仅警告不强制安装，能自动解决版本冲突。这是由于pnpm采用更严格的依赖管理机制，通过硬链接和store机制确保多版本共存，因此peerDependencies问题较少需要手动干预。建议复杂项目优先选用pnpm以获得更稳定的依赖管理体验。

文章摘要： 解耦合（Decoupling）是减少软件模块间直接依赖的设计原则，通过抽象层（接口、事件、协议等）实现模块独立协作。其核心价值在于提升系统灵活性（可维护、可扩展、易测试）。前端通过组件props/状态管理、模块化拆分实现解耦；后端采用分层架构（如DDD）、依赖注入（IoC）和服务间异步通信（消息队列）。典型场景包括前后端分离（API交互）、业务逻辑与视图隔离（MVVM）。解耦合的本质是让模块"高内聚、低耦合"，最终构建适应变化的弹性系统。

React虚拟DOM Diff算法通过同层比较和键值匹配实现高效更新，核心思路包括：1）仅比较同一层级节点，跨层变化直接替换子树；2）类型不同则重建整个节点树；3）借助key匹配新旧节点，避免不必要的DOM操作。算法采用O(n)复杂度策略：先比较节点类型和key，相同则更新属性并递归diff子节点列表，否则重建子树。相比Vue的双端比较和编译优化，React更依赖开发者合理使用key来优化性能。该算法通过最小化DOM操作和最大程度复用节点，显著提升了渲染效率。