_1681_ JavaScript开发框架权威指南

本书涵盖的库和框架包括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

命令式编程：描述程序做了什么以及如何去做。
声明式编程：描述程序的结果

模块P146