前端模块管理器

强调

目前，模块化结构已经成为web开发的主流形式，制作网站的主要工作也不再是编写各种功能，写各种页面，而是如何将各种不同的模块组合在一起，来完成整个web的功能

传统方式

browser本身不具有模块管理机制，传统的web开发中，为了进行模块化结构，不得不加 一大堆script标签来依照先后顺序来加载，这就造成了网页整体繁杂，难以维护，还产生了大量HTTP请求。为了应对传统方式的不足，也就出现了前端模块管理器，来轻松管理js脚本的依赖关系，自动加载模块，使得网页结构清晰。

前端模块管理器

前端模块管理器的方式在以后的前端所有项目中都应该使用，这种开发方式已经成为主趋势。

RequireJS

最早的前端模块管理器，采用AMD格式，异步加载各种模块。Require.js的问题在于各种参数设置过于繁琐，不容易学习，很难完全掌握。而且，实际应用中，往往还需要在服务器端，将所有模块合并后，再统一加载，因此多出了很多工作量

Bower

主要作用：为模块的安装，升级和删除提供一种统一的、可维护的管理模式
需要使用nodejs来来安装:

npm install -g bower

1. 使用bower install来安装(将模块及其依赖模块下载到目录的bower_components子目录中)各种模块：

# 模块名称
bower install jquery
# github的用户名/项目名
bower isntall jquery/jquery
# 模块网址
bower install http://example.com/example.js
# git代码仓库地址
bower install git://github.com/username/package.git

1. 下载后，可以直接插入网页：

<script src="bower_componets/jquery/dist/jquery.min.js"></script>

1. 更新模块，bower update

# 如果不给出模块的名字，则更新所有的模块
bower update jquery

1. 卸载模块，bower uninstall

bower uninstall jquery