前端模块化开发解决方案详解.docx

? ? ? ? ? 前端模块化开发解决方案详解 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 一、模块化开发方案 前端发展到今天，已经有不少模块化的方案，比如 CommonJS（常用在服务器端，同步的，如nodejs） AMD（常用在浏览器端，异步的，如requirejs）（Asynchronous Module Definition） CMD（常用在浏览器端，异步的，如seajs） UMD（AMD CommonJS） 这些模块化规范的核心价值都是让?JavaScript?的模块化开发变得简单和自然。 服务器端模块 在服务器端，所有的模块都存放在本地硬盘，可以同步加载完成，等待时间就是硬盘的读取时间。 浏览器端模块: 在浏览器端，所有的模块都放在服务器端，同步加载，等待时间取决于网速的快慢，可能要等很长时间，浏览器处于假死状态。因此，浏览器端的模块，不能采用同步加载（synchronous），只能采用异步加载（asynchronous）。 二、CommonJs? CommonJs 是服务器端模块的规范，Node.js采用了这个规范。 CommonJS 加载模块是同步的，所以只有加载完成才能执行后面的操作。 像Node.js主要用于服务器的编程，加载的模块文件一般都已经存在本地硬盘，所以加载起来比较快，不用考虑异步加载的方式，所以CommonJS规范比较适用