上一期讲到了模块化,模块化聚焦于js/css等代码的逻辑组织,核心是将代码拆分为独立模块,明确模块间的依赖关系,避免全局变量污染和依赖混乱,还可以实现按需加载。和模块化相关的还有组件化的概念。如果说模块化是 “代码的拆分组织”,那么组件化就是“UI和逻辑的封装复用”。但组件化并不是模块化的更细一步,因为它们的拆分维度和目标不同,是两个平行但协同的设计思想。一、组件化组件化是将页面拆分为独立的、可复用的 “组件单元”,每个组件包含完整的结构(HTML)、样式(CSS)、逻辑(JS),像搭积木一样组合成复杂页面。下面说说组件化的原则。1.1 原则1. 单一职责原则、可组合原则:组件功能尽可能小,然...