第二章 - 04： Javascript 模块化管理的来世今生 目录 第二章 - 04： Javascript 模块化管理的来世今生 一、什么是模块化开发 1-1、模块化第一阶段 1-2、封装到对象 1-3 ...

前端模块化 在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀 这时候 ...

1. 没有模块化的时代 在JS没有模块化标准的时代，如果存在以下依赖关系： main.js -> b.js -> a.js 那么我们必须把js文件的顺序按照模块的依赖关系顺序放到页面中(简单的举例，不考虑循环依赖等复杂情况) 我们需要提前加载好所有的依赖。 这种方式 ...

ESM（ECMA Script Modules） AMD： 异步模块定义，我们引用 js文件都是使用 script标签来引用的，这种通常情况下都是异步引用，我们一般在网络中引用文件，引用完之后才能进行解析和运行。我们请求一个模块也是一样，如果这个模块返回的时间 ...

模块化 含义 模块化： 模块化就是将单个文件当成一个模块，在日常项目开发里面我们不会将所有逻辑写在一个文件里面，不管是css还是js。原因是这样会导致单个文件过大，无法实现复用和维护，所以我们会将文件进行切割分离，这样分离独立出来的每一个文件都是一个模块。 css的模块化 ...

一、为什么需要模块化？ 　　 代码量骤增 => 分治管理的刚性需求 二、模块化方案需解决什么问题？ 模块化要实现两个东西：模块加载与模块封装。面临的具体问题包括： 1、如何定义模块以确保模块的作用域独立，避免命名冲突？ 2、如何管理 ...

一、CommonJS特点 ​ 经过前面讨论，已经知道无模块化时项目中存在的问题。CommonJS的特点就是解决这些问题即： ​ 1.每个文件都是一个单独的模块，有自己的作用域，声明的变量不是全局变量(除非在模块内声明的变量挂载到global上) ​ 2.每个文件中的成员都是私有的，对外不可 ...

1.概念 　　　　将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起 　　　　块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信 2.模块化的发展进程 　　　　1.全局function模式 : 将不同的功能封装成不同的全局函数 ...