2-1、模块化

作者: 伯纳乌的追风少年 | 来源:发表于2019-02-01 15:16 被阅读0次

一、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写法

相关文章

  • 第2章 ES6 语法

    2-1 开始 2-2 模块化 - 语法 2-3 模块化 - babel-new-part1 2-5 模块化 - w...

  • 2-1、模块化

    一、JS模块化 (1)命名空间 (2)CommonJS (3)AMD (4)CMD (5)UMD (5)ESM (...

  • 减肥打卡2

    2-1

  • Hello SQL

    Hello SQL 目录 一,Mac下安装MySql 二,学习笔记 2-1:学习笔记 2-1:技术图谱: 三,...

  • 图例!市政工程制图基础知识

    一、市政工程常用图例 市政工程常用图例见表2-1~表2-3 表2~1-表2~3 表2-1~表2-3 表2-1~表2...

  • ES6学习笔记 II

    模块化 注意:模块化需要放到服务器环境使用模块化: 定义模块化如下 export export const a =...

  • 前端开发——模块化(css模块化开发)

    掌握模块化开发的思想是我们进行模块化开发的基础。他有以下几部分组成: 模块化开发的优势 css模块化 css模块化...

  • 10-26-绘画笔记-人体-脚

    0、随便瞎话第一式 - 草图 一、 1、脚后段 - 跟腱 2、脚中段 2-1 脚中段 - 侧面 2-1 脚中段 -...

  • Node.js模块化学习

    模块化的基本概念Node.js 中模块化npm与包模块的加载机制 模块化的基本概念 什么是模块化 模块化是指解决一...

  • webpack基础笔记

    webpack基础 1.前端工程化 实际的前端开发: 模块化:(js的模块化,css的模块化,资源的模块化) 组件...

网友评论

    本文标题:2-1、模块化

    本文链接:https://www.haomeiwen.com/subject/zziksqtx.html