本书涵盖的库和框架包括Bower 、Grunt 、Yeoman 、PM2 、RequireJS 、Browserify 、Knockout 、
Angular JS 、Kraken 、Mach 、Mongoose 、Knex 、Bookshelf、Faye 、Q 、Async.js 、Underscore 车日
Lodash 。
Bower
包管理工具
类似于npm
Grunt
执行自动化构建任务
- 脚本以及css的编译，压缩
- 测试
- 静态检查linting
- 数据库迁移
- 部署
Yeoman
项目构建的脚手架工具
创建可复用的模板，提供初始文件结构，HTML文件，第三方依赖库，任务处理器
创建第一个项目
要用到的工具和库
- Grunt
- Bower
- jQuery
- AngualarJS
- Browerify
- Compass
npm i -g generator-modernweb
安装
Ruby
RubyGems 是 Ruby 的一个包管理器
MSYS2是工具和库的集合，为您提供了一个易于使用的环境，用于构建，安装和运行本机Windows软件
https://www.runoob.com/ruby/ruby-rubygems.html
PM2
RequireJS
模块加载器
浏览器无法检测脚本之间的依赖关系，无法按特定顺序加载脚本和依赖。
模块化
通行的Javascript模块规范共有两种：CommonJS和AMD
CommonJS：node模块载入机制
一个全局性方法require()，用于加载模块
加载方式是同步的，这对服务器端不是一个问题，因为所有的模块都存放在本地硬盘，可以同步加载完成，等待时间就是硬盘的读取时间。但是，对于浏览器，这却是一个大问题，因为模块都放在服务器端，等待时间取决于网速的快慢，可能要等很长时间，浏览器处于"假死"状态。
Javascript模块化编程（一）：模块的写法
http://www.adequatelygood.com/JavaScript-Module-Pattern-In-Depth.html
立即执行函数写法 创建模块，不暴漏私有成员
AMD* 异步模块加载机制 ：用于解决Web浏览器端的问题，及DOM缺陷。 不会将脚本打包成一个单一的文件，而是发出http请求每个脚本。
AMD也采用require()语句加载模块，但是不同于CommonJS，它要求两个参数：
require([module], callback);
require.js
defer async=“true” 属性表明这个文件需要异步加载，避免网页失去响应
require.config()方法，我们可以对模块的加载行为进行自定义
定义模块
模块必须采用特定的define()函数来定义
Browserify
js模块加载器
npm i -g browserify
CommonJS的应用不能在浏览器运行，使用browserffy命令行工具打包主应用文件。
broserify app/index.js -o public/dist/app.js
发生变化时重新打包文件
不能直接运行在浏览器，必须先编译
Browserify 编译整个项目
Watchify 初始编译整个项目，然后只编译更改的文件
7 Knockout
js对象与DOM间的双向数据绑定
8 AngularJS
命令式编程：描述程序做了什么以及如何去做。
声明式编程：描述程序的结果