在学习设计模式时，一定会学到 SOLID 设计原则，分别是：单一职责原则、开放封闭原则、里氏替换原则、接口隔离原则、依赖反转原则。 在许多学习资料中都是以"类"的设计来解释这些原则，那么作为前端开发该如何理解和实践者几种原则呢？ 前端多以页面开发为主，页面由 N 个组件搭建而成，可以把组件理解为"类"来学习和理解 SOLID 设计原则，下面会以 React 为示例，看看在日常开发中是如何应用设计原则的。 单一职责原则（Single Responsibility Principle） 定义：任何一个软件模块都应该只对…