mobile
1，模块===包
* 传统开发，整个网页我们写了一个js文件，所有的特效都写在里面了
<script src="js/app.js"></script>
缺点：变量容易全局环境
耦合度太高，代码之间的关联性太强，不便于后期的维护
* 将一个复杂的js文件
<script src="js/1.js"></script>
<script src="js/2.js"></script>
<script src="js/3.js"></script>
缺点：发生的请求次数过多，依赖模糊，难以维护
*使用模块化开发
优点：减少代码之间的关联，
部署方便，
更好的分离，
按需加载，
避免命名冲突，
容易维护
模块化和传统开发的区别
1，依赖加载。
这种方式是最广泛的，像requirejs，sea.js等，除了 编写规范 不一样，实际都是通过相关require api把模块chunk文件拿回来，当加载完成之后再运行逻辑代码。
2，依赖打包。
经典代表就是webpack，其实就是写代码的时候分开模块，但打包的时候按依赖关系找到各个模块，最后打包到同一个文件上，并给每个chunk标识id，运行逻辑代码时将模块引用指向该id，从而实现模块化。
什么是模块化？
- 模块化就是为了减少系统耦合度，提高高内聚，减少资源循环依赖，增强系统框架设计。
- 让开发者便于维护,同时也让逻辑相同的部分可复用
- 模块化开发：针对js、css，以功能或业务为单元组织代码。js方面解决独立作用域、依赖管理、
api暴露、按需加载与执行、安全合并等问题，css方面解决依赖管理、组件内部样式管理等问题。