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

• javascript模块化

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

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

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

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

---

• css模块化

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

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

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

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

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

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