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模式 : 将不同的功能封装成不同的全局函数 ...

在前端开发中为了提高网页的开发效率，提高代码的复用率，同时降低块与块之间的耦合性。 产生了组件化、模块化让我们解决问题的方法 组件化更多关注的是UI部分，比如头部，内容区，弹出框甚至确认按钮都可以成为一个组件，每个组件有独立的HTML、css、js代码。 我们可以把他放在页面 ...

随着前端的不断发展，前端已经不仅仅是一个简单依据需求完成网页开发的过程， 如何提高网页开发效率，提高代码复用率，降低块与块之间的耦合性是我们需要思考的问题， 而前端的组件化、模块化让我们能解决这样的问题。 　　组件化更多关注的UI部分，页面的每个部件，比如头部，内容区，弹出框甚至确认按钮 ...