javascript 和 css的模块化理解(每天一更)

AMD (Async Module Define)
依赖尽可能提前执行

CMD (common Module Define)
依赖尽可能懒加载

UMD (Universe Module Define)
判断是否AMD或者CMD,如果两者都不是则赋值给window暴露出去

ESM (EcmaScript Module)
import export
export * from ‘foo.js’ 等于 export (import * from ‘foo.js’)

oocss (object-oriented css)
设计和结构分离 容器和内容分离

SMACSS (Scalable and Modular Architecture)
简化代码, 网站基本元素, 布局 状态 主题等

Atomic CSS 原子css
单独出来每个样式为一个class

MCSS (Marine Conservation Society Seychelles)
分层级的样式

AMCSS (Attribute Modules for CSS)
属性CSS 用属性来控制css 不用calss

BEM Block(块)、Element(元素)、Modifier(修饰符)
block 一个大内容
element 块里面的一些小元素
modifier 元素里面的修饰状态

示例代码