2-1、模块化

一、JS模块化

JS模块化

（1）命名空间

命名空间
YUI

（2）CommonJS

CommonJS
CommonJS代码

（3）AMD

AMD
ADM代码

（4）CMD

CMD
CMD代码

（5）UMD

UMD
UMD代码

（5）ESM

ESM
ESM代码
ESM代码
ESM代码

（6）webpack支持

webpack支持

二、CSS模块化

Css设计模式

（1）OOCSS（面向对象的CSS）

设计与结构分离，容器和内容分离

OOCSS

（2）SMACSS（可扩展和模块化结构Css）

SMACSS

（3）AtomicCSS（原子化的Css）

AtomicCSS

（4）MCSS（多层级的Css）

MCSS

（5）AMCSS（针对属性的Css）

AMCSS

（6）BEM

BEM
BEM写法
BEM写法