update: Node.js的介绍

This commit is contained in:
qianguyihao 2020-06-17 16:43:21 +08:00
parent 89881dddc7
commit a3e08516f6
10 changed files with 321 additions and 274 deletions

View File

@ -61,7 +61,7 @@
| forEach() | for 循环类似但需要兼容 IE8 以上 | forEach() 没有返回值也就是说它的返回值是 undefined | | forEach() | for 循环类似但需要兼容 IE8 以上 | forEach() 没有返回值也就是说它的返回值是 undefined |
| map() | 对原数组中的每一项进行加工将组成新的数组 | 不会改变原数组 | | map() | 对原数组中的每一项进行加工将组成新的数组 | 不会改变原数组 |
| filter() | 过滤数组返回结果是 true 的项将组成新的数组返回结果为**新的数组** | 不会改变原数组 | | filter() | 过滤数组返回结果是 true 的项将组成新的数组返回结果为**新的数组** | 不会改变原数组 |
| reduce | 接收一个函数作为累加器返回值是回调函数累计处理的结果 | | | reduce | 接收一个函数作为累加器返回值是回调函数累计处理的结果 | |
## isArray()判断是否为数组 ## isArray()判断是否为数组
@ -348,6 +348,8 @@ array = Array.from(arrayLike);
上方语法中第三个及之后的参数表示删除元素之后向原数组中添加新的元素这些元素将会自动插入到起始位置索引的前面也可以理解成删除了哪些元素就在那些元素的所在位置补充新的内容 上方语法中第三个及之后的参数表示删除元素之后向原数组中添加新的元素这些元素将会自动插入到起始位置索引的前面也可以理解成删除了哪些元素就在那些元素的所在位置补充新的内容
`slice()`方法和`splice()`方法很容易搞混请一定要注意区分
举例 1 举例 1
```javascript ```javascript
@ -448,7 +450,7 @@ console.log(['a', 'b', 'c', 'd'].fill('f')); // ['f', 'f', 'f,' 'f']
console.log(['a', 'b', 'c', 'd'].fill('f', 1, 3)); // ["a", "f", "f", "d"] console.log(['a', 'b', 'c', 'd'].fill('f', 1, 3)); // ["a", "f", "f", "d"]
``` ```
## 组的合并和拆分 ## 组的合并和拆分
### concat() ### concat()
@ -971,9 +973,9 @@ every() 和 some() 这两个方法,初学者很容易搞混。要怎么区分
## 概念数组的遍历 ## 概念数组的遍历
遍历数组即获取并操作数组中的每一个元素在我们的实战开发中使用得非常频繁 遍历数组即获取并操作数组中的每一个元素然后得到想要的返回结果在我们的实战开发中使用得非常频繁
遍历数组的方法包括every()filter()forEach()map()some() 遍历数组的方法包括every()filter()forEach()map()
PS这几个方法**不会修改原数组** PS这几个方法**不会修改原数组**
@ -1290,7 +1292,7 @@ console.log(JSON.stringify(arr2));
### reduce() 语法 ### reduce() 语法
> reduce 的发音[rɪ'djuːs]中文含义是减少 > reduce 的发音[rɪ'djuːs]中文含义是减少但这个方法跟减少没有任何关系
reduce() 方法接收一个函数作为累加器数组中的每个值从左到右开始缩减最终计算为一个值返回值是回调函数累计处理的结果 reduce() 方法接收一个函数作为累加器数组中的每个值从左到右开始缩减最终计算为一个值返回值是回调函数累计处理的结果
@ -1314,7 +1316,7 @@ arr.reduce(function (previousValue, currentValue, currentIndex, arr) {}, initial
在以往的数组方法中匿名的回调函数里是传三个参数itemindexarr但是在 reduce() 方法中前面多传了一个参数`previousValue`这个参数的意思是上一次调用回调函数时的返回值第一次执行回调函数时previousValue 没有值怎么办可以用 initialValue 参数传给它 在以往的数组方法中匿名的回调函数里是传三个参数itemindexarr但是在 reduce() 方法中前面多传了一个参数`previousValue`这个参数的意思是上一次调用回调函数时的返回值第一次执行回调函数时previousValue 没有值怎么办可以用 initialValue 参数传给它
备注绝大多数人在一开始接触 reduce() 的时候会很懵逼但是没关系有事没事多看几遍自然就掌握了如果能熟练使用 reduce() 的用法将能替代很多其他的数组方法成功走上进阶之路领先他人 备注绝大多数人在一开始接触 reduce() 的时候会很懵逼但是没关系有事没事多看几遍自然就掌握了如果能熟练使用 reduce() 的用法将能替代很多其他的数组方法逐渐走上进阶之路领先于他人
为了方便理解 reduce()我们先来看看下面的简单代码过渡一下 为了方便理解 reduce()我们先来看看下面的简单代码过渡一下
@ -1354,7 +1356,7 @@ arr1.reduce((prev, item) => {
上面的代码中由于`return`的是固定值所以 prev 打印的也是固定值只有初始值是 0剩下的遍历中都是打印 88 上面的代码中由于`return`的是固定值所以 prev 打印的也是固定值只有初始值是 0剩下的遍历中都是打印 88
现在来升级一下实际开发中prev 的值往往是动态变化的我们来看几个例子就明白了 现在来升级一下实际开发中prev 的值往往是动态变化的这便是 reduce()的精妙之处我们来看几个例子就明白了
### reduce() 的常见应用 ### reduce() 的常见应用

View File

@ -43,11 +43,11 @@ js 中常见的接口调用方式,有以下几种:
ES6中的Promise 是异步编程的一种方案从语法上讲Promise 是一个对象它可以获取异步操作的消息 ES6中的Promise 是异步编程的一种方案从语法上讲Promise 是一个对象它可以获取异步操作的消息
Promise对象, 可以**将异步操作以同步的流程表达出来**使用 Promise 主要有以下好处 Promise对象, 可以**用同步的表现形式来书写异步代码**也就是说代码看起来是同步的但本质上的运行过程是异步的使用 Promise 主要有以下好处
- 可以很好地解决**回调地狱**的问题避免了层层嵌套的回调函数 - 可以很好地解决**回调地狱**的问题避免了层层嵌套的回调函数
- 语法非常简洁Promise 对象提供了简洁的API使得控制异步操作更加容易 - 语法非常简洁可读性强Promise 对象提供了简洁的API使得控制异步操作更加容易
### 回调地狱的举例 ### 回调地狱的举例

View File

@ -0,0 +1,224 @@
## todo
- rpc Node.js 的关系
- [吊打面试官系列 Node.js 全栈秒杀系统](https://mp.weixin.qq.com/s/uWeAsJ-P253je15A49uKIQ)
## 前言
Node 的重要性已经不言而喻很多互联网公司都已经有大量的高性能系统运行在 Node 之上Node 凭借其单线程异步等举措实现了极高的性能基准此外目前最为流行的 Web 开发模式是前后端分离的形式即前端开发者与后端开发者在自己喜欢的 IDE 上独立进行开发然后通过 HTTP 或是 RPC 等方式实现数据与流程的交互这种开发模式在 Node 的强大功能的引领下变得越来越高效也越来越受到各个互联网公司的青睐
### 前端同学为什么要学习后台开发
- 了解前后端交互流程
- 能够和后台开发的程序员更佳紧密地结合更顺畅地沟通
- 当网站的业务逻辑需要前置时前端人员需要学习一些后台开发的技术以完成相应的任务
- 拓宽知识视野和技术栈能够站在全局的角度审视整个项目
### 前端同学为什么要学 Node.js
1Node.js 使用 JavaScript 语言开发服务器端应用**便于前端同学上手**一些公司甚至要求前端工程师掌握 Node.js 开发
2实现了前后端的语法统一**有利于和前端代码整合**甚至共用部分代码
比如说针对接口返回的各种字段前后端都必须要做校验此时如果用 Node.js 来做后台开发的话前后端可以共用校验的代码
3Node.js 性能高生态系统活跃提供了大量的开源库
4Jeff Atwood 2007 年提出了著名的 Atwood 定律**任何能够用 JavaScript 实现的应用系统最终都必将用 JavaScript 实现**如果你不知道 Jeff Atwood 是谁他是 Stack Overflow 网站的创始人这不重要重要的是这条定律
### 后端同学为什么要学 Node.js
因为前端同学在学 Node.js
## Node.js 的介绍
### 什么是 Node.js
[Node.js](https://nodejs.org/zh-cn/) 是一个基于 **Chrome V8** 引擎的 JavaScript 运行环境。Node.js 使用了一个**事件驱动**、**非阻塞式 I/O**的模型( Node.js 的特性使其轻量级又高效。Node.js 的包管理工具 npm 是全球最大的开源库生态系统。
![](http://img.smyhvae.com/20180301_1540.png)
如上图所示
- Node.js 不是一门语言也不是 JavaScript 的框架也不是像 **Node.js JavaScript 在服务器端的运行环境平台**
- Node.js 内部采用 Google Chrome V8 引擎作为 JavaScript 语言解释器同时结合自行开发的 libuv 扩展了 JS 在后端的能力使得 JS 既可以在前端进行 DOM 操作浏览器端又可以在后端调用操作系统资源I/O 操作文件读写数据库操作等是目前最简单的全栈式语言
备注 1[V8 引擎](https://v8.dev/) 本身是用 C++ 写的。 [libuv](https://zh.wikipedia.org/wiki/Libuv) 这个库本身也是用 C/C++ 写的。
备注 2限制语言能力的不是语言本身而是语言的生态
### Node.js 的组成
我们知道JavaScript 的组成分为三个部分
- ECMAScript
- DOM
- BOM
ECMAScript JS 的语法DOM BOM 浏览器运行环境为 JS 提供的 API
Node.js 的组成分为
- **ECMAScript**ECMAScript 的所有语法在 Node 环境中都可以使用
- **Node 环境**提供的一些**附加 API**(包括文件网络路径等等 API)
如下图所示
![](http://img.smyhvae.com/20200409_1545.png)
### 补充
JS 语言非常灵活使得它在严谨性方面不如 Java 等传统的静态语言JS 是一门动态语言而且融合了面向对象和函数式编程这两种编程范式
随着 ES6ES7 JS 语法规范的出现以及浏览器对这些规范的支持使得我们可以用更为现代化的 JS 语言特性来编写现代化的应用
## Node 的发展历史
- 2008 年左右随着 Ajax 的逐渐普及Web 开发逐渐走向复杂化系统化
- Node.js 诞生于 2009 Joyent 的员工 Ryan Dahl 开发而成2009 5 Ryan Dahl GitHub 中开源了 Node 的最初版本同年 11 JSConf 大会上展示了 Node 项目
- 2010 1 NPM 包管理工具诞生使得程序员能够更方便地发布和分享 Node.js 的第三方库
- Node.js 最初只支持 Linux Mac OS 操作系统2011 7 微软参与合作Node.js 终于支持了 Windows 平台PS不过node 的生产环境基本是在 Linux
- 目前官网最新版本已经更新到 14.x.x 版本最新稳定的是 12.18.0
Node.js 创始人 Ryan Dahl 回忆他最初希望采用 Ruby但是 Ruby 的虚拟机效率不行
注意 Node 选择了 JavaScript不是 JavaScript 发展出来了一个 Node
## Node.js 的应用
Node.js 拥有强大的开发者社区现在已经发展出比较成熟的技术体系以及庞大的生态它被广泛地应用在 Web 服务开发工作流客户端应用等诸多领域其中 Web 服务领域业界对 Node.js 的接受程度最高
### Node.js 的用途
**1中间层**
前端访问中间层的接口中间层再访问后台的 Java/C++ 服务这类服务的特点是不需要太强的服务器运算能力但对程序的灵活性有较高的要求
这样做的好处是安全性不会把主服务器暴露在外面提高性能做缓存等降低主服务器的复杂度
当然有时候做 Node.js 开发是因为后台人力不够所以把后台开发的一部分工作量转移给前端同学
**2做小型服务小型网站的后端**比如后台管理系统
现在很多公司的后台管理系统都是用 Node.js来开发接口直接操作 DB
不过短期来看Node.js 很难像 Java/C++ 那样成为后台的主力开发语言这并非是因为 Node.js 的性能问题实际上Node.js 的性能还不错主要是因为Node.js 还比较年轻框架的支持度不够很难独立成为后台开发语言但未来可期
**3做公司内部工具项目构建工具**
### Node.js 的主要应用领域
- RESTFul API
- 实时通信如消息推送等
- 高并发
- I/O 阻塞
### 知名度较高的 Node.js 开源项目
![](http://img.smyhvae.com/20180301_2009.png)
- expressNode.js 中著名的 web 服务器框架
- Koa下一代的 Node.js Web 框架
- mocha功能强大的 node.js 测试框架
- PM2node 本来是单进程的PM2 可以实现和管理多进程
- jade非常优秀的模板引擎不仅限于 js 语言
- CoffeeScript用简洁的方式展示 JavaScript 优秀的部分
- Atom文本编辑器
- socket.io实时通信框架
## 前端同学会 Node.js 就真的全栈了吗
一个人的精力是有限的既擅长前端又精通后端的人毕竟是极少数
林肯说过你可以在所有的时间欺骗一部分人也可以在一段时间欺骗所有的人但你不可能在所有的时间欺骗所有的人
同样的我也说过你可以在这一段时间擅长前端技术也可以在另一段时间擅长后台技术但你不可能在**同一段时间**同时擅长前端和后台更不可能在**所有的时间**同时擅长前端和后台
所谓的全栈只是一个伪命题个人不一定需要全栈企业和项目也不强制要求全栈分工协作才最高效
对于个人而言虽然全栈很难但是 Node.js 的出现** JS 语言实现了前后端语法的统一 JS 语言的技术栈更佳全面**
涉及到后台开发相关的技术无论如何也绕不开**框架设计开发调试数据库操作高并发处理大规模存储性能优化容灾方案操作系统调度甚至是 Linux 内核驱动开发**等过硬的知识技能和经验积累等你亲身经历过这些才算明白语言只是一种工具
## V8 引擎
### 运行环境平台的含义
首先JavaScript 语言通过 Node 在服务器上运行在这个意义上Node.js 的地位相当于 JavaScript 在服务器端的虚拟机类似于 Java 语言中的 Java 虚拟机
其次Node 生态系统活跃提供了大量的开源库使得 JavaScript 语言能与操作系统进行交互在这个层次上Node 又是属于 JavaScript 的工具库
**补充**
PHPJSPPythonPerlRuby 既是语言也是平台不同Node.js 的使用 JavaScript 进行编程运行在 Chrome V8 引擎上
PHPJSP 等相比PHPJSP.net 都需要运行在服务器程序上ApacheNginxTomcatIIS
Node.js 跳过了 ApacheNaginxIIS HTTP 服务器它自己不用建设在任何服务器软件之上Node.js 的许多设计理念与经典架构LAMP = Linux + Apache + MySQL + PHP有着很大的不同可以提供强大的伸缩能力Node.js 没有 web 容器
### V8 Node
Chrome 浏览器成功的背后离不开 JS V8 引擎作为虚拟机V8 的性能表现优异它的开发者是 Lars Bak Lars 的工作履历里绝大部分都是与虚拟机相关的工作在开发 V8 之前他曾经在 Sun 公司工作担任 HotSpot 团队的技术领导主要致力于开发高性能的 Java 虚拟机在这之前他也曾为 SelfSmalltalk 语言开发过高性能虚拟机这些无与伦比的经历让 V8 一出世就超越了当时所有的 JS 虚拟机
![](http://img.smyhvae.com/20200617_1120.png)
V8 的性能优势使得用 JavaScript 写高性能后台服务程序成为可能在这样的契机下Ryan Dahl 选择了 JavaScript选择了 V8在事件驱动非阻塞 I/O 模型的设计下实现了 Node
### V8 的内存限制
在一般的后端开发语言中在基本的内存使用上没有什么限制然而在 Node 中通过 JavaScript 使用内存时就会发现只能使用部分内存64 位系统下约为 1.4GB32 位系统下约为 0.7GB在这样的限制下将会导致 Node 无法直接操作大内存对象
造成这个问题的主要原因在于 Node 基于 V8 构建所以在 Node 中使用的 JavaScript 对象基本上都是通过 V8 自己的方式来进行分配和管理的V8 的这套内存管理机制在浏览器的应用场景下使用起来绰绰有余足以胜任前端页面中的所有需求但在 Node 这却限制了开发者随心所欲使用大内存的想法
## Node.js 的特点
- 异步非阻塞 IO 模型
- 事件循环
- 单线程
- 总结轻量和高效
Node.js 的性能和效率非常高
传统的 Java 语言是一个请求开启一个线程当请求处理完毕后就关闭这个线程 Node.js 则完全没有采用这种模型它本质上就是一个单线程
你可能会疑问一个线程如何服务于大量的请求如何处理高并发的呢这是因为Node.js 采用的是异步的非阻塞的模型
这里所谓的单线程指的是 Node 的主线程只有一个为了确保主线程不被阻塞主线程是用于接收客户端请求但不会处理具体的任务 Node 的背后还有一个线程池线程池会处理长时间运行的任务比如 IO 操作网络操作线程池里的任务是通过队列和事件循环的机制来执行
## SSR 服务端渲染
提高搜索引擎抓取网页的
## 我的公众号
想学习**代码之外的技能**不妨关注我的微信公众号**千古壹号**id`qianguyihao`
扫一扫你将发现另一个全新的世界而这将是一场美丽的意外
![](http://img.smyhvae.com/20200101.png)

View File

@ -0,0 +1,8 @@
### 使用 Node.js 时的劣势
- 程序运行不稳定可能会出现服务不可用的情况
- 程序运行效率较低每秒的请求数维持在一个较低的水平
- 前端同学对服务器端的技术不太熟悉

View File

@ -1,169 +1,6 @@
## Node.js的介绍
### 什么是 Node.js
Node.js 是一个基于 **Chrome V8** 引擎的 JavaScript 运行环境Node.js使用了一个**事件驱动****非阻塞式I/O**的模型 Node.js的特性使其轻量级又高效Node.js 的包管理工具 npm 是全球最大的开源库生态系统
![](http://img.smyhvae.com/20180301_1540.png)
如上图所示
- Node.js 不是一门语言也不是 JavaScript 的框架**Node.js是 JavaScript 语言在服务器端的运行环境平台**
- Node.js 内部采用 Google Chrome V8 引擎作为 JavaScript 语言解释器同时结合自行开发的 libuv 扩展了 JS 的功能使得 JS 既可以在前端进行DOM操作浏览器端又可以在后端调用操作系统资源I/O操作文件读写数据库操作等是目前最简单的全栈式语言
### Node.js的特点
- 事件驱动
- 非阻塞IO模型异步
- 轻量和高效
### 运行环境平台的含义
首先JavaScript 语言通过 Node 在服务器上运行在这个意义上Node 有点像 JavaScript 虚拟机
其次Node 生态系统活跃提供了大量的开源库使得 JavaScript 语言能与操作系统进行交互比如读写文件新建子进程在这个层次上Node 又是属于 JavaScript 的工具库
**引申**
与PHPJSPPythonPerlRuby的既是语言也是平台不同Node.js的使用JavaScript进行编程运行在 Chrome V8 引擎上
与PHPJSP等相比PHPJSP.net都需要运行在服务器程序上ApacheNaginxTomcatIIS
Node.js跳过了ApacheNaginxIIS等HTTP服务器它自己不用建设在任何服务器软件之上Node.js的许多设计理念与经典架构LAMP = Linux + Apache + MySQL + PHP有着很大的不同可以提供强大的伸缩能力Node.js没有web容器
## Node.js和服务器端开发
> 在这一段服务器端开发后台开发是一个概念
### 前端同学为什么要学习后台开发
- 了解前后端交互流程
- 能够和后台开发的程序员更佳紧密地结合更顺畅地沟通
- 当网站的业务逻辑需要前置时前端人员需要学习一些后台开发的技术以完成相应的任务
- 拓宽知识视野和技术栈能够站在全局的角度审视整个项目
### 为什么选择 Node.js 做后台开发Node.js的优势
1使用 JavaScript 语言开发服务器端应用**便于前端同学上手**一些公司甚至要求前端工程师掌握 Node.js 开发
2**性能高**AO操作的性能可能没有优势但运算方面的性能不错
3**有利于和前端代码整合**甚至共用部分代码
比如说针对接口返回的各种字段前后端都必须要做校验此时如果用 Node.js 来做后台开发的话前后端可以共用校验的代码
4Node.js 生态系统活跃提供了大量的开源库
**思考**限制语言能力的不是语言本身而是语言的运行环境平台
### Node.js 的用途
**1中间层**
前端访问中间层的接口中间层再访问后台的 Java/C++ 服务这样做的好处是安全性不会把主服务器暴露在外面提高性能做缓存等降低主服务器的复杂度
当然有时候做 Node.js 开发是因为后台人力不够所以把后台开发的一部分工作量转移给前端同学
**2做公司内部工具项目构建工具**
**3做小型服务小型网站的后端**比如管理系统
需要声明的是目前来看Node.js很难像 Java/C++ 那样成为后台的主力开发语言这并非是因为 Node.js的性能问题实际上Node.js的性能还不错主要是因为Node.js的框架的支持度不够很难独立成为后台开发语言
### Node.js 的组成
我们知道JavaScript 的组成分为三个部分
- ECMAScript
- DOM
- BOM
ECMAScript JS 的语法DOM BOM 浏览器运行环境为 JS 提供的API
Node.js 的组成分为
- **ECMAScript**ECMAScript的所有语法在Node环境中都可以使用
- **Node 环境**提供的一些**附加API**(包括文件网络路径等等 API)
如下图所示
![](http://img.smyhvae.com/20200409_1545.png)
## Node.js的发展
### Node 的历史
Node.js 诞生于 2009 Joyent 的员工 Ryan Dahl 开发而成, 目前官网最新版本已经更新到 13.x.x版本最新稳定的是10.15.3
- 2008年左右随着 Ajax 的逐渐普及Web 开发逐渐走向复杂化系统化
- 2009年2月Ryan Dahl 想要创建一个轻量级适应现代 Web 开发的平台
- 2009年5月Ryan Dahl GitHub 中开源了最初版本同年11月JSConf 就安排了 Node 讲座
- 2010年底Joyent 公司资助Ryan Dahl 也加入了该公司专门负责 Node 的开发
- 2011年7月在微软的支持下登陆 Windows 平台PSnode 的生产环境基本是在 Linux
Node.js 创始人 Ryan Dahl 回忆他最初希望采用 Ruby但是 Ruby 的虚拟机效率不行
注意 Node 选择了 JavaScript不是 JavaScript 发展出来了一个 Node
### Node.js的主要应用领域
- RESTFul API
- 实时通信如消息推送等
- 高并发
- I/O阻塞
### 知名度较高的Node.js开源项目
![](http://img.smyhvae.com/20180301_2009.png)
- expressNode.js中著名的web服务器框架
- Koa下一代的 Node.js Web 框架
- mocha功能强大的 node.js 测试框架
- PM2node 本来是单进程的PM2可以实现和管理多进程
- jade非常优秀的模板引擎不仅限于 js 语言
- CoffeeScript用简洁的方式展示 JavaScript 优秀的部分
- Atom文本编辑器
- socket.io实时通信框架
## Node.js 运行环境配置通过 Node.js 安装包不推荐 ## Node.js 运行环境配置通过 Node.js 安装包不推荐
Node.js [官网](https://nodejs.org/en/)下载安装包: Node.js [官网](https://nodejs.org/en/)下载安装包:
![](http://img.smyhvae.com/20180301_1505.png) ![](http://img.smyhvae.com/20180301_1505.png)
@ -172,8 +9,7 @@ Node.js 诞生于 2009 年,由 Joyent 的员工 Ryan Dahl 开发而成, 目前
![](http://img.smyhvae.com/20180301_1507.png) ![](http://img.smyhvae.com/20180301_1507.png)
注意我们以一定要用偶数版V4V6 )不要用奇数版比如 V5因为奇数版不稳定
注意我们以一定要用偶数版V4V6等)不要用奇数版比如V5因为奇数版不稳定
后续如果需要安装其他版本可以这样做重新下载最新的安装包覆盖安装即可 后续如果需要安装其他版本可以这样做重新下载最新的安装包覆盖安装即可
@ -181,32 +17,31 @@ Node.js 诞生于 2009 年,由 Joyent 的员工 Ryan Dahl 开发而成, 目前
**通过 Node.js 安装包产生的问题** **通过 Node.js 安装包产生的问题**
- 安装新版本时以前版本安装的很多全局工具包需要重新安装 - 安装新版本时需要覆盖就版本而且以前版本安装的很多全局工具包需要重新安装
- 无法回滚到之前的版本 - 无法回滚到之前的版本
- 无法在多个版本之间切换很多时候我们要使用特定版本 - 无法在多个版本之间切换很多时候不同的项目需要使用特定版本或者我想临时尝鲜一下新版本的特性
因此我们暂时先不用安装 Node.js稍后用 NVM 的方式来安装 Node.js 因此我们暂时先不用安装 Node.js稍后用 NVM 的方式来安装 Node.js通过 NVM 的方式可以让多个版本的 Node.js 共存并灵活切换
### Node.js 版本常识 ### Node.js 版本常识
- 偶数版本为稳定版0.6.x 0.8.x 8.10.x - 偶数版本为稳定版0.6.x 0.8.x 8.10.x
- 奇数版本为非稳定版0.7.x 0.9.x 9.11.x - 奇数版本为非稳定版0.7.x 0.9.x 9.11.x
- LTSLong Term Support - LTSLong Term Support
参考链接[node.js中LTS和Current的区别](https://blog.csdn.net/u012532033/article/details/73332099) 参考链接[node.js LTS Current 的区别](https://blog.csdn.net/u012532033/article/details/73332099)
## Node.js 运行环境安装通过 NVM推荐
## Node.js 运行环境配置通过 NVM推荐 **[NVM](https://github.com/nvm-sh/nvm)**node.js version manager用来管理 node 的版本。
**NVM**node.js version manager用来管理 node 的版本
**我们可以先安装 NVM然后通过 NVM 安装 Node.js**这是官方推荐的做法 **我们可以先安装 NVM然后通过 NVM 安装 Node.js**这是官方推荐的做法
Windows Mac 下安装的Node.js 的步骤如下 Windows Mac 下安装的 Node.js 的步骤如下
### Windows 系统安装 Node.js ### Windows 系统安装 Node.js
@ -222,7 +57,6 @@ Windows 和 Mac 下安装的Node.js 的步骤如下。
2在上面的目录中新建一个`settings.txt`文件里面的内容填充如下 2在上面的目录中新建一个`settings.txt`文件里面的内容填充如下
```bash ```bash
root: D:\web\nvm root: D:\web\nvm
path: D:\web\nodejs path: D:\web\nodejs
@ -232,21 +66,21 @@ proxy
上方内容的解释 上方内容的解释
- root 配置为当前 nvm.exe 所在的目录 - root 配置为当前 nvm.exe 所在的目录
- path 配置为node 快捷方式所在的目录 - path 配置为node 快捷方式所在的目录
- arch 配置为当前操作系统的位数32/64 - arch 配置为当前操作系统的位数32/64
- proxy 不用配置 - proxy 不用配置
3配置环境变量 3配置环境变量
- `NVM_HOME` = `D:\web\nvm`当前 nvm.exe 所在目录 - `NVM_HOME` = `D:\web\nvm`当前 nvm.exe 所在目录
- `NVM_SYMLINK` = `D:\web\nodejs` node 快捷方式所在的目录 - `NVM_SYMLINK` = `D:\web\nodejs` node 快捷方式所在的目录
- PATH += `;%NVM_HOME%;%NVM_SYMLINK%` - PATH += `;%NVM_HOME%;%NVM_SYMLINK%`
配置成功后重启资源管理器 配置成功后重启资源管理器
@ -256,15 +90,13 @@ proxy
![](http://img.smyhvae.com/20180301_1645.png) ![](http://img.smyhvae.com/20180301_1645.png)
2输入 `nvm ls`查看已安装的所有 node 版本 2输入 `nvm ls`查看已安装的所有 node 版本
3输入 `nvm -v`查看 已安装的 nvm 版本 3输入 `nvm -v`查看 已安装的 nvm 版本
4输入 `node -v`查看正在使用的 node 版本 4输入 `node -v`查看正在使用的 node 版本
- **参考链接**[安装 npmnvmnode](https://segmentfault.com/a/1190000011114680)
- **参考链接**[安装npmnvmnode](https://segmentfault.com/a/1190000011114680)
如果 Node 安装失败可以参考上面这个链接 如果 Node 安装失败可以参考上面这个链接
@ -281,7 +113,6 @@ nvm install 8.10.0
关于 NVM 的常用命令详见下一段 关于 NVM 的常用命令详见下一段
### Mac 系统安装 Node.js ### Mac 系统安装 Node.js
**1安装 NVM** **1安装 NVM**
@ -296,8 +127,7 @@ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | b
![](http://img.smyhvae.com/20180302_2126.png) ![](http://img.smyhvae.com/20180302_2126.png)
完成后nvm就被安装在了`~/.nvm` 完成后nvm 就被安装在了`~/.nvm`
如果发现安装失败 如果发现安装失败
@ -307,12 +137,11 @@ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | b
解决办法打开 Xcode 软件同意相关内容即可 解决办法打开 Xcode 软件同意相关内容即可
2配置环境变量 2配置环境变量
编辑器打开`~/.bash_profile`文件如果不会就输入`open ~/.bash_profile` 编辑器打开`~/.bash_profile`文件如果不会就输入`open ~/.bash_profile`
补充如果你的Mac电脑里找不到`~/.bash_profile`文件那就找找有没有`~/.profile`文件或者`~/.bashrc`文件或者`~/.zshrc`文件如果还是没有那你就手动创建一个`~/.bash_profile`文件 补充如果你的 Mac 电脑里找不到`~/.bash_profile`文件那就找找有没有`~/.profile`文件或者`~/.bashrc`文件或者`~/.zshrc`文件如果还是没有那你就手动创建一个`~/.bash_profile`文件
在最后一行输入 在最后一行输入
@ -321,15 +150,12 @@ export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
``` ```
如果你发现文件中已经存在了上面这行代码就不用往里面加了这一步的作用是每次新打开一个 bashnvm 都会被自动添加到环境变量中
如果你发现文件中已经存在了上面这行代码就不用往里面加了这一步的作用是每次新打开一个bashnvm都会被自动添加到环境变量中
最后输入 `source ~/.bash_profile`重启环境变量的配置 最后输入 `source ~/.bash_profile`重启环境变量的配置
PSNVM 现在已经不支持 Homebrew 的方式来安装了 PSNVM 现在已经不支持 Homebrew 的方式来安装了
参考链接<https://www.jianshu.com/p/a3f8778bc0a1> 参考链接<https://www.jianshu.com/p/a3f8778bc0a1>
**2验证**( 终端命令行中输入命令) **2验证**( 终端命令行中输入命令)
@ -342,11 +168,9 @@ PSNVM 现在已经不支持 Homebrew 的方式来安装了。
4输入 `node -v`查看正在使用的 node 版本 4输入 `node -v`查看正在使用的 node 版本
**3安装指定版本的 Node.js** **3安装指定版本的 Node.js**
和Windows下一样也是执行如下命令 Windows 下一样也是执行如下命令
```bash ```bash
nvm install 版本号 nvm install 版本号
@ -365,12 +189,10 @@ nvm install 8.10.0
关于 NVM 的常用命令详见下一段 关于 NVM 的常用命令详见下一段
## NVM 的常用命令 ## NVM 的常用命令
> 注意这一段说的是 NVM 的常用命令不是 Node 的常用命令 > 注意这一段说的是 NVM 的常用命令不是 Node 的常用命令
查看当前使用的 nvm 版本 查看当前使用的 nvm 版本
```bash ```bash
@ -379,11 +201,14 @@ nvm -v
nvm --version nvm --version
``` ```
查看本地安装的所有的 Node.js 版本 查看本地安装的所有的 Node.js 版本
```bash ```bash
nvm list|ls # 方式1
nvm ls
# 方式2
nvm list
``` ```
**安装指定版本的 Node.js** **安装指定版本的 Node.js**
@ -395,19 +220,26 @@ nvm install 版本号
nvm install 8.10.0 nvm install 8.10.0
``` ```
卸载指定版本 Node.js 卸载指定版本 Node.js
```bash ```bash
nvm uninstall 版本号 nvm uninstall 版本号
``` ```
切换使用指定版本的node **切换使用指定版本的 node**
```bash ```bash
nvm use 版本号 nvm use 版本号
``` ```
查看远程服务器端的所有 Node 版本
```bash
nvm ls-remote
```
执行上面的命令后在列出的版本清单中凡是用 `Latest LTS`标注的版本则表明是**长期维护**的版本我们在安装时建议安装这些版本当然我们也可以在网址 <https://nodejs.org/en/download/releases/> 查看 LTS 的历史版本。
## Node.js 的常用命令 ## Node.js 的常用命令
查看 node 的版本 查看 node 的版本
@ -434,7 +266,6 @@ $ node path/index
查看帮助 查看帮助
```bash ```bash
$ node --help $ node --help
@ -446,21 +277,18 @@ $ node --help
$ node $ node
``` ```
REPL 的全称ReadEval PrintLoop类似于浏览器的控制台 REPL 的全称ReadEval PrintLoop类似于浏览器的控制台
![](http://img.smyhvae.com/20180301_1900.png) ![](http://img.smyhvae.com/20180301_1900.png)
如果要退出 REPL 环境可以输入`.exit` `process.exit() ` 如果要退出 REPL 环境可以输入`.exit` `process.exit()`
VS Code 我们可以在菜单栏选择帮助->切换开发人员工具打开console控制台
VS Code 我们可以在菜单栏选择帮助->切换开发人员工具打开 console 控制台
## 包和 NPM ## 包和 NPM
### 什么是包 ### 什么是包
由于 Node 是一套轻内核的平台虽然提供了一系列的内置模块但是不足以满足开发者的需求于是乎出现了包package的概念 由于 Node 是一套轻内核的平台虽然提供了一系列的内置模块但是不足以满足开发者的需求于是乎出现了包package的概念
与核心模块类似就是将一些预先设计好的功能或者说 API 封装到一个文件夹提供给开发者使用 与核心模块类似就是将一些预先设计好的功能或者说 API 封装到一个文件夹提供给开发者使用
@ -468,33 +296,33 @@ Node 本身并没有太多的功能性 API所以市面上涌现出大量的
### 包的加载机制 ### 包的加载机制
如果 Node中自带的包和第三方的包名冲突了该怎么处理呢原则是 如果 Node 中自带的包和第三方的包名冲突了该怎么处理呢原则是
- 先在系统核心优先级最高的模块中找 - 先在系统核心优先级最高的模块中找
- 然后到当前项目中 node_modules 目录中找
- 然后到当前项目中 node_modules 目录中找
比如说 比如说
```javascript ```javascript
requiere(`fs`) requiere(`fs`);
``` ```
那加载的肯定是系统的包所以我们尽量不要创建一些和现有的包重名的包 那加载的肯定是系统的包所以我们尽量不要创建一些和现有的包重名的包
### NPM 的概念
### NPM的概念
>包的生态圈一旦繁荣起来就必须有工具去来管理这些包NPM 应运而生
**NPM**Node Package Manager官方链接 <https://www.npmjs.com/> **NPM**Node Package Manager官方链接 <https://www.npmjs.com/>
Node.js 发展到现在已经形成了一个非常庞大的生态圈包的生态圈一旦繁荣起来就必须有工具去来管理这些包NPM 应运而生
举个例子当我们在使用 Java 语言做开发时需要用到 JDK 提供的内置库以及第三方库同样在使用 JS 做开发时我们可以使用 NPM 包管理器方便地使用成熟的优秀的第三方框架融合到我们自己的项目中极大地加速日常开发的构建过程
随着时间的发展NPM 出现了两层概念 随着时间的发展NPM 出现了两层概念
- 一层含义是 Node 的开放式模块登记和管理系统亦可以说是一个生态圈一个社区 - 一层含义是 Node 的开放式模块登记和管理系统亦可以说是一个生态圈一个社区
- 另一层含义是 Node 默认的模块管理器是一个命令行下的软件用来安装和管理 Node 模块 - 另一层含义是 Node 默认的模块管理器是一个命令行下的软件用来安装和管理 Node 模块
### NPM 的安装不需要单独安装 ### NPM 的安装不需要单独安装
@ -530,8 +358,7 @@ NPM 默认安装到当前正在使用 Node 版本所在目录下。我们建议
![](http://img.smyhvae.com/20180302_1210.png) ![](http://img.smyhvae.com/20180302_1210.png)
## NPM 的常用命令
## NPM的常用命令
查看 npm 当前版本 查看 npm 当前版本
@ -585,20 +412,19 @@ npm install [package] --save
npm install [package] -S npm install [package] -S
``` ```
查看当前目录下已安装的 node
查看当前目录下已安装的node包
```bash ```bash
npm list npm list
``` ```
查看全局已经安装的node包 查看全局已经安装的 node
```bash ```bash
npm list -g npm list -g
``` ```
查看npm帮助命令 查看 npm 帮助命令
```bash ```bash
npm --help npm --help
@ -618,7 +444,6 @@ npm update [package]
卸载指定的包 卸载指定的包
```bash ```bash
npm uninstall [package] npm uninstall [package]
``` ```
@ -629,61 +454,53 @@ npm uninstall [package]
npm config list npm config list
``` ```
查看本地安装的指定包的信息没有则显示empty 查看本地安装的指定包的信息没有则显示 empty
```bash ```bash
npm ls [package] npm ls [package]
``` ```
查看全局安装的指定包的信息没有则显示empty 查看全局安装的指定包的信息没有则显示 empty
```bash ```bash
npm ls [package] -g npm ls [package] -g
``` ```
查看远程 npm 上指定包的所有版本信息
查看远程npm上指定包的所有版本信息
```bash ```bash
npm info [package] npm info [package]
``` ```
查看当前包的安装路径 查看当前包的安装路径
```bash ```bash
npm root npm root
``` ```
查看全局包的安装路径 查看全局包的安装路径
```bash ```bash
npm root -g npm root -g
``` ```
## 配置 npm 镜像源 ## 配置 npm 镜像源
由于 npm 默认的下载地址在国外npmjs.com有时候会被墙导致无法下载或者下载很慢因此我们可以尝试切换成从其他的镜像源下载npm包 由于 npm 默认的下载地址在国外npmjs.com有时候会被墙导致无法下载或者下载很慢因此我们可以尝试切换成从其他的镜像源下载 npm
切换镜像源有下面这几种方式 切换镜像源有下面这几种方式
- 方式1临时切换镜像源 - 方式 1临时切换镜像源
- 方式2切换镜像源 - 方式 2切换镜像源
- 方式3通过 NRM 切换镜像源最为推荐的方式 - 方式 3通过 NRM 切换镜像源最为推荐的方式
- 方式4cnpm - 方式 4cnpm
下面来分别讲一下 下面来分别讲一下
### 方式1临时切换镜像源 ### 方式 1临时切换镜像源
安装指定包的时候通过追加 `--registry`参数即可格式如下 安装指定包的时候通过追加 `--registry`参数即可格式如下
@ -695,7 +512,7 @@ npm install [package] --registry [https://xxx]
npm install express --registry https://registry.npm.taobao.org npm install express --registry https://registry.npm.taobao.org
``` ```
### 方式2切换镜像源 ### 方式 2切换镜像源
```bash ```bash
npm config set registry https://registry.npm.taobao.org npm config set registry https://registry.npm.taobao.org
@ -703,15 +520,13 @@ npm config set registry https://registry.npm.taobao.org
执行上述命令后以后下载所有 npm 包的时候都会改为使用淘宝的镜像源 执行上述命令后以后下载所有 npm 包的时候都会改为使用淘宝的镜像源
### 方式3通过 NRM 切换镜像源推荐 ### 方式 3通过 NRM 切换镜像源推荐
**NRM**Node Registry Manager作用是**切换和管理 npm 包的镜像源**
**NRM**Node Registry Manager作用是**切换和管理npm包的镜像源** - 项目地址<https://www.npmjs.com/package/nrm>
- 项目地址<https://www.npmjs.com/package/nrm>
- GitHub地址 <https://github.com/Pana/nrm>
- GitHub 地址 <https://github.com/Pana/nrm>
**安装 NRM** **安装 NRM**
@ -721,7 +536,6 @@ npm config set registry https://registry.npm.taobao.org
![](http://img.smyhvae.com/20180302_1208.png) ![](http://img.smyhvae.com/20180302_1208.png)
**NRM 的常用命令** **NRM 的常用命令**
```bash ```bash
@ -736,15 +550,13 @@ nrm use taobao
![](http://img.smyhvae.com/20180302_1215.png) ![](http://img.smyhvae.com/20180302_1215.png)
推荐的国内加速镜像淘宝<https://npm.taobao.org/> 推荐的国内加速镜像淘宝<https://npm.taobao.org/>
## 方式 4安装 cnpm
## 方式4安装cnpm - 项目地址<https://npm.taobao.org/>
- 项目地址<https://npm.taobao.org/> 安装`cnpm`替换 npmnpm 由于源服务器在国外下载包的速度较慢cnpm 会使用国内镜像
安装`cnpm`替换npmnpm 由于源服务器在国外下载包的速度较慢cnpm 会使用国内镜像
```bash ```bash
npm install -g cnpm --registry=https://registry.npm.taobao.org npm install -g cnpm --registry=https://registry.npm.taobao.org
@ -752,7 +564,6 @@ npm install -g cnpm --registry=https://registry.npm.taobao.org
![](http://img.smyhvae.com/20180302_2204.png) ![](http://img.smyhvae.com/20180302_2204.png)
以后我们就可以通过 cnpm 命令去安装一个包举例如下 以后我们就可以通过 cnpm 命令去安装一个包举例如下
```bash ```bash
@ -766,7 +577,7 @@ cnpm install vue
我们可以输入`node`命令然后在里面写 js 的代码 我们可以输入`node`命令然后在里面写 js 的代码
或者也可以 通过 node 运行 指定的 js 文件比如编写好一个 js文件`01.js`然后在命令行输入 或者也可以 通过 node 运行 指定的 js 文件比如编写好一个 js 文件`01.js`然后在命令行输入
```bash ```bash
node 01.js node 01.js
@ -774,7 +585,6 @@ cnpm install vue
就可以执行这个 js 程序直接在命令行查看运行结果 就可以执行这个 js 程序直接在命令行查看运行结果
## 我的公众号 ## 我的公众号
想学习**代码之外的技能**不妨关注我的微信公众号**千古壹号**id`qianguyihao` 想学习**代码之外的技能**不妨关注我的微信公众号**千古壹号**id`qianguyihao`
@ -782,5 +592,3 @@ cnpm install vue
扫一扫你将发现另一个全新的世界而这将是一场美丽的意外 扫一扫你将发现另一个全新的世界而这将是一场美丽的意外
![](http://img.smyhvae.com/20200101.png) ![](http://img.smyhvae.com/20200101.png)

View File

@ -0,0 +1,5 @@
## KOA2 简介
KOA已经发展到了第二个版本简称 KOA2突出的特点是插件和中间件