什么是模块化
什么是模块化?
模块化是指 解决一个复杂问题时自顶向下逐层把系统划分成若干模块的过程, 有多种属性,分别反映其内部特性 (百度)
模块化一般是指 可以被抽象封装的最小或最优代码的集合 , 模块化用于解决功能耦合问题
前端模块化 一般是指javaScript 的模块化 比较常见的就是 node.js 的NPM包 每个模块可以是最小或最优的代码组合 也可以是为了解决某些问题多个小模块合并的一个大的模块
如果没有模块化 可能很多重复行的代码 就是进行 Ctrl + C Ctrl + V 的操作.这样代码的可维护性就会下降 而代码模块化以后 我们考虑的问题是 代码的使用和维护成本 所以
就有了很多模块化规范: CommonJS
、AMD
和 ES6 Module
规范(另外还有 CMD
、UMD
等)
CommonJs : 是 NodeJs 广泛使用的一套模块化规范 是同步加载模块依赖的方式 其中包含几个属性
require: 引入一个模块
exports: 导出模块内容
module: 模块本身
AMD : 是js加载库 RequireJS 提出并完善的一套模块化规范 AMD 是 异步加载模块依赖的方式 其中包含
id : 模块的id
depenfencies : 模块依赖
factory : 模块化的工厂函数,即模块化的初始化操作函数
request : 引入模块
import : 引入模块依赖
export : 模块导出
ES6 Module : ES6推出的一套模块化规范
除了Javascript的模块化以外 在CSS中也可以使用@import 的方式来引入自己依赖的模块 例如 : @import "load.css"
组件化更像是 模块化的进一步封装 根据业务场景不同封装具有一定功能性质的整体