modify

2018-03-17 12:10:41 +08:00
parent 67f1ca5387
commit 207f7b7465
33 changed files with 216 additions and 1 deletions
--- a/09-Node.js/01-Node.js入门.md
+++ b/09-Node.js/01-Node.js入门.md
@@ -0,0 +1,546 @@
+
+> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8492713.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。
+
+> 以下是正文。
+
+
+## Node.js的介绍
+
+
+### 引擎
+
+**引擎的特性**：
+
+JS的内核即**引擎**。因为引擎有以下特性：
+
+（1）转化的作用：
+
+-  汽油柴油等等->动能
+
+- 模板+数据--->页面
+
+- js引擎：js 代码--->机器码\字节码
+
+（2）移植性。
+
+
+**有哪些引擎**：
+
+![](http://img.smyhvae.com/20180302_1258.png)
+
+
+备注：Node是用V8引擎去解析 js，此时，我们不用去考虑浏览器的兼容性问题。
+
+### 什么是 Node.js
+
+**1、官方解释：**
+
+Node.js 是一个基于 **Chrome V8** 引擎的 JavaScript 运行环境。 Node.js使用了一个**事件驱动**、**非阻塞式I/O**的模型（ Node.js的特性），使其轻量级又高效。 Node.js 的包管理器 nmp 是全球最大的开源库生态系统。
+
+![](http://img.smyhvae.com/20180301_1540.png)
+
+如上图所示：
+
+- Node 内部采用 Google Chrome 的 V8 引擎，作为 JavaScript 语言解释器；
+
+- 通过自行开发的 libuv 库，调用操作系统资源。
+
+
+**2、非官方解释：**
+
+**Node.js**：是 JavaScript 语言在服务器端的运行环境（平台）。
+
+**3、运行环境（平台）的含义：**
+
+- 首先，JavaScript 语言通过 Node 在服务器运行，在这个意义上，Node 有点像 JavaScript 虚拟机。
+
+- 其次，Node 提供大量工具库，使得 JavaScript 语言能与操作系统互动（比如读写文件、新建子进程），在这个意义上， Node 又是 JavaScript 的工具库。
+
+**总结：**
+
+**Node.js 是一个 JavaScript 的运行环境（平台）**，不是一门语言，也不是 JavaScript 的框架。
+
+- 与PHP、JSP、Python、Perl、Ruby的“既是语言，也是平台”不同，Node.js的使用JavaScript进行编程，运行在 Chrome 的 V8 引擎上。
+
+- 与PHP、JSP等相比（PHP、JSP、.net都需要运行在服务器程序上，Apache、Naginx、Tomcat、IIS。
+），Node.js跳过了Apache、Naginx、IIS等HTTP服务器，它自己不用建设在任何服务器软件之上。Node.js的许多设计理念与经典架构（LAMP = Linux + Apache + MySQL + PHP）有着很大的不同，可以提供强大的伸缩能力。Node.js没有web容器。
+
+
+### Node 的历史
+
+- 2008年左右，随着 AJAX 的逐渐普及，Web 开发逐渐走向复杂化，系统化；
+
+- 2009年2月，Ryan Dahl 想要创建一个轻量级，适应现代 Web 开发的平台；
+
+- 2009年5月，Ryan Dahl 在 GitHub 中开源了最初版本，同年11月，JSConf 就安排了 Node 讲座；
+
+- 2010年底，Joyent 公司资助，Ryan Dahl 也加入了该公司，专门负责 Node 的开发；
+
+- 2011年7月，在微软的支持下登陆 Windows 平台。PS：node 的生产环境基本是在 Linux 下。
+
+据 Node.js 创始人 Ryan Dahl 回忆，他最初希望采用 Ruby，但是 Ruby 的虚拟机效率不行。
+
+注意：是 Node 选择了 JavaScript，不是 JavaScript 发展出来了一个 Node。
+
+### 国内外的应用情况
+
+以下几个项目都用到了 Node：
+
+- https://github.com/nodejs/node-v0.x-archive/wiki/Projects,-Applications,-and-Companies-Using-Node
+
+- https://nodejs.org/en/foundation/members/
+
+- https://github.com/NetEase/pomelo
+
+
+还有以下几个网站：
+
+- LinkedIn移动版From RoR to Node.js, base on Joyent
+
+- Paypal From Java to Node.js
+
+- Twitter的队列：收集需要保存的Tweets，传给负责写入的进程
+
+- 知乎的推送
+
+- 网易、阿里、各种创业团队等
+
+
+
+
+### Node.js的主要应用领域
+
+- RESTFul API
+
+- 实时通信：如消息推送等
+
+- 高并发
+
+- I/O阻塞
+
+
+
+### 知名度较高的Node.js开源项目
+
+![](http://img.smyhvae.com/20180301_2009.png)
+
+- express：Node.js中最有名的web服务器框架。
+
+- PM2：node 本来是单进程的，PM2可以实现和管理多进程。
+
+- jade：非常优秀的模板引擎，不仅限于 js 语言。
+
+- CoffeeScript：用简洁的方式展示 JavaScript 优秀的部分。
+
+- Atom：文本编辑器。
+
+- socket.io：实时通信框架。
+
+- mocha：功能强大的 node.js 测试框架。
+
+
+## Node.js的特点
+
+### 单线程
+
+
+
+
+
+
+
+## Node.js 的环境配置
+
+### Node.js 安装包（不推荐）
+
+去 Node.js 的[官网](https://nodejs.org/en/)下载安装包：
+
+![](http://img.smyhvae.com/20180301_1505.png)
+
+我们也可以在<https://nodejs.org/en/download/releases/>上下载历史版本。
+
+![](http://img.smyhvae.com/20180301_1507.png)
+
+
+注意，我们以一定要用偶数版（V4、V6等)，不要用奇数版（比如V5），因为奇数版不稳定。
+
+我们并不推荐直接采用 Node.js.msi 安装包进行安装，不方便 node 的更新，原因如下：
+
+- 以前版本安装的很多全局的工具包需要重新安装；
+
+- 无法回滚到之前的版本；
+
+- 无法在多个版本之间切换（很多时候我们要使用特定版本）。
+
+
+因此，我们暂时先不用安装 Node.js，稍后用 NVM 的方式来安装 Node.js。
+
+
+### 通过 NVM 安装Node.js（推荐）
+
+**NVM**：node.js version manager，用来管理 node 的版本。安装的步骤如下。
+
+（1）我们去[官网](https://github.com/coreybutler/nvm-windows/releases)下载 NVM 的安装包：
+
+![](http://img.smyhvae.com/20180301_1603.png)
+
+下载下来后，直接解压到 `D:\web`目录下：
+
+![](http://img.smyhvae.com/20180301_1610.png)
+
+（2）在上面的目录中，新建一个`settings.txt`文件，里面的内容填充如下：
+
+
+```bash
+root: D:\web\nvm
+path: D:\web\nodejs
+arch: 64
+proxy
+```
+
+上方内容的解释：
+
+- root 配置为：当前 nvm.exe 所在的目录
+
+- path 配置为：node 快捷方式所在的目录
+
+- arch 配置为：当前操作系统的位数（32/64）
+
+- proxy 不用配置
+
+（3）配置环境变量：
+
+- `NVM_HOME` = `D:\web\nvm`（当前 nvm.exe 所在目录）
+
+- `NVM_SYMLINK` = `D:\web\nodejs` （node 快捷方式所在的目录）
+
+- PATH += `;%NVM_HOME%;%NVM_SYMLINK%`
+
+配置成功后，重启资源管理器。
+
+**验证：**(在 cmd 中输入命令)
+
+（1）输入`nvm`命令查看环境变量是否配置成功：
+
+![](http://img.smyhvae.com/20180301_1645.png)
+
+
+（2）输入 `nvm ls`，查看已安装的所有 node 版本。
+
+（3）输入 `nvm -v`，查看 已安装的 nvm 版本。
+
+（4）输入 `node -v`，查看正在使用的 node 版本。
+
+
+- **参考链接**：[安装npm，nvm，node](https://segmentfault.com/a/1190000011114680)
+
+如果 node 安装失败，可以参考上面这个链接。
+
+### NVM 的常用命令
+
+
+查看本地安装的所有的 node 版本：
+
+```
+nvm list|ls
+```
+
+
+安装指定版本的node：
+
+```
+nvm install 版本号 [arch]
+```
+
+比如：`nvm install 4.2.2`。
+
+卸载指定版本node：
+
+```
+nvm uninstall 版本号
+```
+
+切换使用指定版本的node：
+
+```
+nvm use 版本号 [arch]
+```
+
+查看当前使用的 nvm 版本：
+
+```
+nvm -v
+
+nvm --version
+```
+
+### Node 的常用命令
+
+查看 node 的版本：
+
+```
+$ node -v
+```
+
+执行脚本字符串：
+
+```
+$ node -e 'console.log("Hello World")'
+```
+
+运行脚本文件：
+
+```
+$ node index.js
+
+$ node path/index.js
+
+$ node path/index
+```
+
+查看帮助：
+
+
+```
+$ node --help
+
+```
+
+**进入 REPL 环境：**
+
+```
+$ node
+```
+
+
+REPL 的全称：Read、Eval、 Print、Loop。类似于浏览器的控制台。
+
+![](http://img.smyhvae.com/20180301_1900.png)
+
+如果要退出 REPL 环境，可以输入`.exit` 或 `process.exit() `。
+
+在 VS Code 里，我们可以在菜单栏选择“帮助->切换开发人员工具”，打开console控制台。
+
+
+
+## 包和 NPM
+
+### 什么是包
+
+
+由于 Node 是一套轻内核的平台，虽然提供了一系列的内置模块，但是不足以满足开发者的需求，于是乎出现了包（package）的概念：
+与核心模块类似，就是将一些预先设计好的功能或者说 API 封装到一个文件夹，提供给开发者使用。
+
+Node 本身并没有太多的功能性 API，所以市面上涌现出大量的第三方人员开发出来的 Package。
+
+### 包的加载机制
+
+如果 Node中自带的包和第三方的包名冲突了，该怎么处理呢？原则是：
+
+- 先在系统核心（优先级最高）的模块中找；
+
+- 然后到当前项目中 node_modules 目录中找。
+
+
+比如说：
+
+```
+requiere(`fs`)
+```
+
+那加载的肯定是系统的包。所以，我们尽量不要创建一些和现有的包重名的包。
+
+
+### NPM的概念
+
+>包的生态圈一旦繁荣起来，就必须有工具去来管理这些包。NPM 应运而生。
+
+**NPM**：Node Package Manager。官方链接： <https://www.npmjs.com/>
+
+随着时间的发展，NPM 出现了两层概念：
+
+- 一层含义是 Node 的开放式模块登记和管理系统，亦可以说是一个生态圈，一个社区。
+
+- 另一层含义是 Node 默认的模块管理器，是一个命令行下的软件，用来安装和管理 Node 模块。
+
+### NPM 的安装（不需要单独安装）
+
+NPM 不需要单独安装。默认在安装 Node 的时候，会连带一起安装 NPM：
+
+![](http://img.smyhvae.com/20180302_1105.png)
+
+NVM、Node、NPM 安装之后，目录分布如下：
+
+![](http://img.smyhvae.com/20180302_1134.png)
+
+![](http://img.smyhvae.com/20180302_1137.png)
+
+![](http://img.smyhvae.com/20180302_1138.png)
+
+输入 `npm -v`，查看 npm 的版本：
+
+![](http://img.smyhvae.com/20180302_1139.png)
+
+如果上方命令无效，可能是之前的 node 并没有完全安装成功。解决办法：<https://segmentfault.com/a/1190000011114680>
+
+另外，Node 附带的 NPM 可能不是最新版本，可以用下面的命令，更新到最新版本：
+
+```
+$ npm install npm -g
+```
+
+
+### 配置 NPM 的全局目录（暂略）
+
+NPM 默认安装到当前正在使用 Node 版本所在目录下。我们建议重新配置 NPM 的全局目录。
+
+输入`npm config ls`，查看：
+
+![](http://img.smyhvae.com/20180302_1210.png)
+
+### NRM的安装
+
+由于 NPM 的资源都在国外，有时候会被墙，导致无法下载或者很慢。此时可以用到NRM。
+
+**NRM**：Node Registry Manager。作用是：**切换和管理包的镜像源**。项目地址：<https://www.npmjs.com/package/nrm>
+
+安装 NRM：
+
+```
+	npm install -g nrm
+```
+
+![](http://img.smyhvae.com/20180302_1208.png)
+
+
+
+**NRM 的常用命令：**
+
+```
+nrm ls  //显示全部的镜像
+
+nrm use taobao  // 使用淘宝的镜像
+```
+
+效果入下：
+
+![](http://img.smyhvae.com/20180302_1215.png)
+
+
+推荐的国内加速镜像淘宝：<https://npm.taobao.org/>
+
+
+## Node 的使用
+
+我们可以输入`node`命令，然后在里面写 js 的代码，也可以 通过 node 运行 js 文件。比如，编写好一个 js文件`01.js`，然后在命令行输入：
+
+```
+	node 01.js
+```
+
+就可以执行  js 程序。
+
+
+## Mac 下的环境安装
+
+
+### Mac 下安装 NVM
+
+（1）打开 终端.app，输入：
+
+```
+curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash
+```
+
+安装成功的界面：
+
+20180302_2126.png
+
+完成后，nvm就被安装在了`~/.nvm`下。
+
+
+如果发现安装失败：
+
+20180302_2111.png
+
+原因：Xcode 软件进行过更新。
+
+解决办法：打开 Xcode 软件，同意相关内容即可。
+
+
+（2）配置环境变量：
+
+打开文件：
+
+```
+open  ～／.bash_profile
+```
+
+在最后一行输入：
+
+```
+export NVM_DIR="$HOME/.nvm"
+[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
+```
+
+
+如果你发现文件中已经存在了上面这行代码，就不用往里面加了。
+
+
+PS：NVM 现在已经不支持 Homebrew 的方式来安装了。
+
+
+参考链接：<https://www.jianshu.com/p/a3f8778bc0a1>
+
+
+### Mac 下安装 Node（通过nvm安装）
+
+和Windows下一样，也是执行如下命令：
+
+```
+nvm install 6.0.0
+
+```
+
+网速有点慢，要稍等。
+
+20180302-2148.png
+
+输入 `node -v`，查看当前使用的 node 版本。
+
+安装好 `Node` 之后，`npm` 也会自动安装的，输入 `npm -v`，查看 npm 的版本。
+
+
+### 安装cnpm
+
+安装`cnpm`替换npm（npm由于源服务器在国外，下载node包速度较慢，cnpm使用国内镜像）：
+
+```bash
+npm install -g cnpm --registry=https://registry.npm.taobao.org
+```
+
+
+20180302_2204.png
+
+
+
+如果我们需要通过 cnpm 去安装一个包时，举例如下：
+
+```
+	cnpm i vue
+```
+
+
+解释： i  指的就是 install。
+
+
+## 我的公众号
+
+想学习<font color=#0000ff>**代码之外的软技能**</font>？不妨关注我的微信公众号：**生命团队**（id：`vitateam`）。
+
+扫一扫，你将发现另一个全新的世界，而这将是一场美丽的意外：
+
+![](http://img.smyhvae.com/2016040102.jpg)
+
+
+
--- a/09-Node.js/02-事件驱动和非阻塞机制.md
+++ b/09-Node.js/02-事件驱动和非阻塞机制.md
@@ -0,0 +1,142 @@
+
+
+## 异步编程
+
+### 异步操作
+
+- Node 采用 Chrome V8 引擎处理 JavaScript 脚本。V8 最大特点就是**单线程运行**，一次只能运行一个任务。
+
+- Node 大量采用异步操作（asynchronous operation），即任务不是马上执行，而是插在任务队列的尾部，等到前面的任务运行完后再执行。
+
+- 提高代码的响应能力。
+
+
+异步IO也叫非阻塞IO。例如读文件，传统的语言，基本都是读取完毕才能进行下一步操作。非阻塞就是Node的callback，不会影响下一步操作，等到文件读取完毕，回调函数自动被执行，而不是在等待。
+
+### 异步操作回调
+
+由于系统永远不知道用户什么时候会输入内容，所以代码不能永远停在一个地方。
+
+Node 中的操作方式就是以异步回调的方式解决无状态的问题。
+
+
+### 回调函数的设计：错误优先
+
+异步操作中，无法通过 try catch 捕获异常。
+
+这是因为回调函数主要用于异步操作，当回调函数运行时，前期的操作早结束了，错误的执行栈早就不存在了，传统的错误捕捉机制try…catch对于异步操作行不通，所以只能把错误交给回调函数处理。
+
+**统一约定：**
+
+回调函数的第一个参数默认接收错误信息，第二个参数才是真正的回调数据（便于外界获取调用的错误情况）：
+
+```
+foo1('赵小黑', 19, function(error, data) {
+  if(error)  throw error;
+  console.log(data);
+});
+```
+
+
+### 异步回调的问题
+
+相比较于传统的代码：
+
+- 异步事件驱动的代码
+
+- 不容易阅读
+
+- 不容易调试
+
+- 不容易维护
+
+另外还有个问题是**回调黑洞：**（回调黑洞）
+
+```javascript
+do1(function() {
+  do2(function() {
+    do3(function() {
+      do4(function() {
+        do5(function() {
+          do6()
+        });
+      });
+    });
+  });
+});
+
+```
+
+
+## 进程和线程
+
+### 进程（进行中的程序）
+
+- 每一个 **正在运行** 的应用程序都称之为进程。
+
+- 每一个应用程序运行都至少有一个进程。
+
+- 进程是用来给应用程序提供一个运行的环境。
+
+- 进程是操作系统为应用程序分配资源的一个单位。
+
+
+### 线程
+
+- 用来执行应用程序中的代码
+
+- 在一个进程内部，可以有很多的线程
+
+- 在一个线程内部，同时只可以干一件事
+
+- 传统的开发方式大部分都是 I/O 阻塞的，所以需要多线程来更好的利用硬件资源。
+
+线程并不是越多越好。
+
+### 多线程的弊端
+
+缺点一：
+
+	- 创建线程耗费。
+	- 线程数量有限。
+	- CPU 在不同线程之间转换，有个上下文转换，这个转换非常耗时。
+
+所谓的多线程其实都是假的，对于单核CPU而言，它们无非是在抢占 CPU 资源。线程和线程之间需要**切换和调度**，这是很耗费资源的。
+
+缺点二：
+
+- 线程之间共享某些数据，同步某个状态都很麻烦。
+
+就算 CPU 是多核的，现在的问题是，线程与线程之间如果要共享数据，该怎么办？比如 A 线程要访问 B 线程的变量。
+
+
+
+## 事件驱动和非阻塞机制
+
+
+参考链接：<https://www.kancloud.cn/revin/nodejs/176211>
+
+
+总结：
+
+- Node 中将所有的阻塞操作交给了内部线程池实现。
+
+- Node 主线程本身，主要就是不断的**往返调度**。
+
+
+### 平台实现差异
+
+
+由于 Windows 和 *nix 平台（其他平台）的差异，Node 提供了 libuv 作为抽象封装层，保证上层的 Node 与下层的自定义线程池及 IOCP 之间各自独立。
+
+如下图所示：
+
+20180301_2252.png
+
+
+
+
+##
+
+
+
--- a/09-Node.js/03-模块化结构.md
+++ b/09-Node.js/03-模块化结构.md
@@ -0,0 +1,114 @@
+
+
+
+## 全局对象
+
+### global
+
+类似于客户端 JavaScript 运行环境中的 window。
+
+
+## process
+
+用于获取当前的 Node 进程信息，一般用于获取环境变量之类的信息。
+
+### console
+
+Node 中内置的 console 模块，提供操作控制台的输入输出功能，常见使用方式与客户端类似。
+
+## 全局函数
+
+- setInterval(callback, millisecond)
+
+- clearInterval(timer)
+
+- setTimeout(callback, millisecond)
+
+- clearTimeout(timer)
+
+- Buffer：Class
+	- 用于操作二进制数据
+	- 以后介绍
+
+
+## Node 调试
+
+### 最简单的调试
+
+最方便也是最简单的调试：console.log()
+
+
+### Node 原生的调试
+
+网址：<https://nodejs.org/api/debugger.html>
+
+### 第三方模块提供的调试工具
+
+```
+$ npm install node-inspector –g   //方式一
+
+
+$ npm install devtool -g          //方式二
+```
+
+### 开发工具的调试
+
+- Visual Studio Code
+
+- WebStorm
+
+## 模块化结构
+
+Node 实现 CommonJS 规范，所以可以使用模块化的方式组织代码结构。
+
+- Node 采用的模块化结构是按照 CommonJS 规范。
+
+- 模块与文件是一一对应关系，即加载一个模块，实际上就是加载对应的一个模块文件。
+
+### CommonJS 规范
+
+CommonJS 就是一套约定标准，不是技术。用于约定我们的代码应该是怎样的一种结构。
+
+参考链接：
+
+- <http://wiki.commonjs.org/wiki/CommonJS>
+
+### 常用内置模块
+
+- `path`：处理文件路径。
+
+- `fs`：操作（CRUD）文件系统。
+
+- `child_process`：新建子进程。
+
+- `util`：提供一系列实用小工具。
+
+- `http`：提供 HTTP 服务器功能。
+
+- `url`：用于解析 URL。
+
+- `querystring`：解析 URL 中的查询字符串。
+
+- `crypto`：提供加密和解密功能。
+
+
+总结：更多内容可以参考 api文档：<https://nodejs.org/api/>
+
+
+## 文件系统操作
+
+### 相关模块
+
+- fs：基础的文件操作 API
+
+- path：提供和路径相关的操作 API
+
+- readline：用于读取大文本文件，一行一行读
+
+- fs-extra（第三方）：<https://www.npmjs.com/package/fs-extra>
+
+
+
+
+
+
--- a/09-Node.js/11-JavaScript模块化开发.md
+++ b/09-Node.js/11-JavaScript模块化开发.md
@@ -0,0 +1,176 @@
+
+
+## 前言
+
+网站越来越复杂，js代码、js文件也越来越多，会遇到**一些问题**：
+
+- 命名冲突
+
+- 文件依赖
+
+- 各种问题
+
+程序模块化包括：
+
+- 日期模块
+
+- 数学计算模块
+
+- 日志模块
+
+- 登陆认证模块
+
+- 报表展示模块等。
+
+所有这些模块共同组成了程序软件系统。
+
+一次编写，多次使用，才是提高效率的核心。
+
+
+**程序模块化开发的优点：**
+
+- 开发效率高：代码方便重用，别人开发的模块直接拿过来就可以使用，不需要重复开发类似的功能。
+
+- 方便后期维护：软件的声明周期中最长的阶段其实并不是开发阶段，而是维护阶段，需求变更比较频繁。使用模块化的开发，方式更容易维护。
+
+## 模块化规范
+
+###  模块化的概念解读
+
+模块化起源于 Node.js。Node.js 中把很多 js 打包成 package，需要的时候直接通过 require 的方式进行调用（CommonJS），这就是模块化的方式。
+
+那如何把这种模块化思维应用到前端来呢？这就产生了两种伟大的 js：RequireJS 和 SeaJS。
+
+
+
+### 模块化规范
+
+服务器端规范：
+
+- [**CommonJS**](http://www.commonjs.org/)：是 Node.js 使用的模块化规范。
+
+浏览器端规范：
+
+- [**AMD规范**](https://github.com/amdjs/amdjs-api)：是 **[RequireJS](http://requirejs.org/)** 在推广过程中对模块化定义的规范化产出。
+
+```
+- 异步加载模块；
+
+- 依赖前置、提前执行：require([`foo`,`bar`],function(foo,bar){});   //也就是说把所有的包都 require 成功，再继续执行代码。
+
+- define 定义模块：define([`require`,`foo`],function(){return});
+```
+
+- **[CMD规范](https://github.com/amdjs/amdjs-api)**：是 **[SeaJS](http://seajs.org/)** 在推广过程中对模块化定义的规范化产出。淘宝团队开发。
+
+```
+
+	同步加载模块；
+
+	依赖就近，延迟执行：require(./a) 直接引入。或者Require.async 异步引入。   //依赖就近：执行到这一部分的时候，再去加载对应的文件。
+
+	define 定义模块， export 导出：define(function(require, export, module){});
+```
+
+
+面试时，经常会问：AMD 和CMD 的区别。
+
+
+
+## SeaJS 的应用
+
+### SeaJS 的介绍
+
+SeaJS：一个基于CMD规范实现的模块化开发解决方案。
+
+作者：Alibaba 玉伯。
+
+官网：<http://seajs.org/>
+
+GitHub：<https://github.com/seajs/seajs>
+
+现在官网变成了：<https://seajs.github.io/seajs/docs/>
+
+特性：
+
+- 简单友好的模块定义规范。
+
+- 自然直观的代码组织方式。
+
+
+20180303_2107.png
+
+
+
+
+
+
+
+
+## RequireJS（AMD）、SeaJS（CDM）、CommonJS、ES6 的对比
+
+### RequireJS 和 AMD
+
+
+AMD 是 RequireJS 在推广过程中对模块化定义的规范化产出。
+
+
+20180303_1653.png
+
+
+异步模块定义，特点是依赖前置。
+
+
+### SeaJS 和 CMD
+
+CMD 是 SeaJS 在推广过程中对模块化定义的规范化产出
+
+
+同步模块定义。
+
+```javascript
+	// 所有模块都通过 define 来定义
+	define(funtion(require, exports, module) {
+
+        //通过 require 引入依赖
+
+        var $ require(`jquery`);
+
+        var Spinning = require(`./spinning`);
+	})
+```
+
+SeaJS 是淘宝开发团队做的，知名度不如 RequireJS。
+
+### CommonJS
+
+CommonJS 的规范：module.exports
+
+服务器端的 Node.js 推荐使用 CommonJS 规范，来定义模块化开发。前端浏览器不支持 CommonJS 规范。
+
+20180303_1701.png
+
+
+以上三个都是 ES5里面的规范。
+
+### ES6
+
+ES6的特性：export/import
+
+20180303_1704.png
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
--- a/09-Node.js/12-ES6.md
+++ b/09-Node.js/12-ES6.md
@@ -0,0 +1,153 @@
+
+
+## 前言
+
+ECMAScript 是 JS 的语言标准。而 ES6 是新的 JS 语法标准。
+
+
+### 发展历史
+
+20180303_1633.png
+
+- 2015年6月，ES6正式发布。
+
+
+### ES6 的其他优势
+
+- 使用 babel 语法转换器，支持低端浏览器
+
+- 流行的库基本都是基于 ES6 构建。 React 默认使用 ES6 新源发开发。
+
+
+## ES6 的常用语法
+
+### ES6语法概览
+
+- 块级作用域、字符串
+
+- 对象扩展、解构
+
+- 类、模块化等。
+
+
+### 作用域：let 和 const
+
+- 用 `let`定义变量 ，替代 var
+
+- 用const 定义常量（定义后，不可修改）
+
+- 作用域和 {}
+
+
+举例：
+
+```javascript
+    let a1 = 'haha';
+
+    const name = `smyhvae`;
+```
+
+
+### 模板字符串
+
+我们以前让字符串进行拼接的时候，是这样做的：（传统写法的字符串拼接）
+
+```javascript
+    var name = 'smyhvae';
+    var age = '26';
+    console.log('name:'+name+',age:'+age);   //传统写法
+```
+
+
+这种写法，比较繁琐，而且容易出错。
+
+现在有了 ES6 语法，字符串拼接可以这样写：
+
+```javascript
+    var name = 'smyhvae';
+    var age = '26';
+
+    console.log('name:'+name+',age:'+age);   //传统写法
+
+    console.log(`name:${name},age:${age}`);  //ES6 写法
+
+```
+
+注意，上方代码中，倒数第二行用的是单引号，最后一行用的是反引号（在tab键的上方）。
+
+
+### 函数扩展
+
+ES6 中函数的用法：
+
+- 参数默认值
+
+- 箭头函数
+
+- 展开运算符
+
+
+
+定义和调用函数：（传统写法）
+
+```javascript
+    function fn1(name) {
+        console.log(name);
+    }
+
+    fn1('smyhvae');
+```
+
+
+定义和调用函数：（ES6写法）
+
+```javascript
+    var fn2 = (name)=>{
+        console.log(name);
+    }
+
+    fn2('smyhvae');
+```
+
+
+上面两端代码，执行的结果是一样的。
+
+当然，也可以给上面这个函数的参数加一个默认值：
+
+```javascript
+    var fn2 = (name='enen')=>{
+        console.log(name);
+    }
+
+    fn2();        //参数用默认值 enen
+    fn2('smyhvae');
+```
+
+
+
+比如说，1秒后执行一段代码，可以用箭头函数：
+
+```javascript
+    setTimeout(()=>{
+        console.log('something');
+    },1000);
+```
+
+如果函数体只有一条 return 语句，那么大括号可以省略：
+
+```javascript
+    const myDouble = x=>x*2;
+    console.log(myDouble(5));  //打印结果为10
+
+```
+
+
+箭头函数的好处：
+
+- 简写代码
+
+- 保持 this 的作用域
+
+
+
+##
--- a/09-Node.js/Node.js代码举例.md
+++ b/09-Node.js/Node.js代码举例.md
@@ -0,0 +1,80 @@
+
+
+
+## 在 Node.js 上建一个 http 服务器
+
+
+（1）新建一个文件 `server01.js`，然后在里面输入如下代码：
+
+```javascript
+
+const http = require('http');  //引入 node.js里面的一个http包。因为引入之后，我们不会去修改它，所以用常量来表示
+
+
+// 创建一台服务器
+var server =  http.createServer(function (){   //当有人来访问这台服务器时，就会执行 function 回调函数
+    console.log('有人来访问我了');
+});
+
+server.listen(8080);   //要让服务器设置为监听状态，端口设置为8080
+
+```
+
+注意看注释。
+
+我们把上面这个 js 文件跑起来，然后在浏览器端输入`http://localhost:8080/`，每请求一次，服务器的控制台就会打印 `有人来访问我了`。
+
+
+（2）write()函数和 end()函数：
+
+将上面的代码修改如下：
+
+server02.js：
+
+```javascript
+const http = require('http');
+
+
+// 创建一台服务器
+var server = http.createServer(function (request, response) {   //当有人来访问这个服务器时，就会执行function 这个回调函数
+    console.log('有人来访问我了');
+
+    response.write('smyhvae');  //向浏览器输出内容
+    response.end();   //结束了，浏览器你走吧。
+
+});
+
+server.listen(8080);
+
+
+```
+
+function 回调函数里可以设置两个参数：request 和 response。`response.write()`表示向浏览器输出一些内容。
+
+将上面的 js 代码跑起来，产生的问题是，无论我们在浏览器端输入`http://localhost:8080/1.html`，还是输入`http://localhost:8080/2.jpg`，浏览器上显示的都是`smyhvae`。
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
--- a/09-Node.js/WebSocket.md
+++ b/09-Node.js/WebSocket.md
@@ -0,0 +1,69 @@
+
+
+
+## WebSocket 的引入
+
+### 背景分析
+
+HTTP协议是无状态的，服务器只会响应来自客户端的请求，但是它与客户端之间不具备持续连接。
+
+
+当用户在浏览器上进行操作时，可以请求服务器上的api；但是反过来却不可能：服务器端发生了一个事件，无法将这个事件的信息**实时主动**地通知客户端。只有在客户端查询服务器当前状态时，所发生事件的信息才会从服务器传递到客户端。
+
+
+那怎么去实时地知道服务器的状态呢？方法有两个：
+
+（1）**轮询**：客户端每隔很短的时间，都会对服务器发出请求，查看是否有新的消息，只要轮询速度足够快，例如1秒，就能给人造成交互是实时进行的印象。这种做法是无奈之举，实际上对服务器、客户端双方都造成了大量的性能浪费。
+
+
+（2）**长连接**：客户端只请求一次，但是服务器会将连接保持，不会返回结果。当服务器有了新数据时，实时地发给客户端，而一直保持挂起状态。这种做法的也造成了大量的性能浪费。
+
+### WebSocket 协议
+
+最新的 HTML5协议，制定了 WebSocket 协议标准，允许客户端和服务器端以**全双工**的方式进行通信。
+
+WebSocket 的原理非常简单：利用HTTP请求产生握手，HTTP头部含有 WebSocket 协议的请求，**握手之后，二者转用TCP协议进行交流*（QQ的协议）。
+
+WebSocket协议需要浏览器和服务器都支持才可以使用：
+
+
+- 支持WebSocket协议的浏览器有：Chrome 4、火狐4、IE10、Safari5
+
+- 支持WebSocket协议的服务器有：Node 0、Apach7.0.2、Nginx1.3
+
+
+### http 长连接和 websocket 的长连接区别
+
+HTTP1.1通过使用Connection:keep-alive进行长连接，HTTP 1.1默认进行持久连接。在一次 TCP 连接中可以完成多个 HTTP 请求，但是对每个请求仍然要单独发 header，Keep-Alive不会永久保持连接，它有一个保持时间，可以在不同的服务器软件（如Apache）中设定这个时间。
+
+websocket是一个真正的全双工。长连接第一次tcp链路建立之后，后续数据可以双方都进行发送，**不需要发送请求头**。
+
+keep-alive双方并没有建立正真的连接会话，服务端可以在任何一次请求完成后关闭。WebSocket 它本身就规定了是正真的、双工的长连接，两边都必须要维持住连接的状态。
+
+### Socket.IO 的引入
+
+Node.js上需要写一些程序，来处理TCP请求。
+
+Node.js从诞生之日起，就支持 WebSocket 协议。不过，从底层一步一步搭建一个Socket服务器很费劲（想象一下Node写一个静态文件服务都那么费劲）。所以，有大神帮我们写了一个库 Socket.IO。
+
+Socket.IO 是业界良心，新手福音。它屏蔽了所有底层细节，让顶层调用非常简单。并且还为不支持 WebSocket 协议的浏览器，提供了长轮询的透明模拟机制。
+
+Node的单线程、非阻塞I/O、事件驱动机制，使它非常适合Socket服务器。
+
+### Socket.IO 的安装
+
+Socket.IO 的官网是：<http://socket.io/>
+
+安装方式：
+
+```
+	npm install socket.io
+```
+
+
+
+
+
+
+
+
--- a/09-Node.js/server.js
+++ b/09-Node.js/server.js
@@ -0,0 +1,5 @@
+
+
+const http = require('http');  //因为 这个 http 库引用之后就不会去改它，所以我们用常量来表示
+
+http.createServer();   //创建一台服务器