前端 - Node.js学习

一、Node.js概述

1. 什么是Node.js

  • 简单的说,Node.js就是运行在服务端的JavaScript。
  • Node.js是一个基于Chrome javaScript运行时建立的一个平台,也就是一个可以在js中接收和处理web请求的应用平台;可以把它想象成tomcat应用平台(使用纯js编写)。
  • Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行JavaScript的速度非常快,性能好。

时间驱动:可以根据各种不同的动作做出响应,调度服务资源和处理业务逻辑。

Node.js是一个可以在js中接收和处理web请求的应用平台。

2. Node.js安装

官网下载地址:https://nodejs.org/zh-cn/download/

推荐下载LTS版本。

安装完成以后,在控制台输入:

前端 - Node.js学习

二、Node.js模块化编程

编写模块文件使用require引入模块后使用node.js执行

1. 创建工程

编写js,创建Static Web静态web工程

前端 - Node.js学习

 

2. 模块化编程

每个文件就是一个模块,有自己的作用域。在一个文件中定义的变量、函数、类,都是私有的,对其他文件不可见。

前端 - Node.js学习

可以使用exports将js方法(模块)导出,并使用require引入对应的js模块,可以使用引入模块的对应方法。

3. 创建Nodejs Web服务器

引入http模块监听8888端口实现输出字符

 可以利用node.js创建web服务器前端 - Node.js学习

点击 网址 http://127.0.0.1:8888:

前端 - Node.js学习

4. 处理Nodejs Web请求参数

需求:http://127.0.0.1:8888?id=123&name=dhu 获取到请求路径中的参数及值并输出

在node.js中可以引入url内置模块对请求地址进行处理: 

前端 - Node.js学习

访问网址:

前端 - Node.js学习

 

5. 包资源管理器NPM

(1)什么是NPM

npm是一个node.js的管理和分发工具,可以根据配置package.json下载js库。

npm全称Node Package Manager,是node包管理和分发工具。其实我们可以把NPM理解为前端的Maven。通过npm可以很方便地下载js库,管理前端工程。

现在的node.js已经集成了nom工具,在命令提示符输入npm -v 查看npm版本。

 前端 - Node.js学习

(2)NPM命令

  • 初始化工程

前端 - Node.js学习

前端 - Node.js学习

前端 - Node.js学习

生成package.json文件

前端 - Node.js学习

(3)本地安装

install 命令用于安装某个模块,可以通过require引入到项目中使用。如我们想安装express模块(node的web框架),输出命令如下:

前端 - Node.js学习

前端 - Node.js学习

 前端 - Node.js学习

安装完成以后,在项目中会生成一个目录 node_modules:

前端 - Node.js学习

前端 - Node.js学习

(4)全局安装

上面我们使用的是本地安装,会将js库安装到当前目录,而使用全局安装会将库安装到你的全局目录下。全局安装之后可以在命令行使用该安装的模块对应的内容或命令。 

执行下面命令查看全局目录路径:

前端 - Node.js学习

比如全局安装jquery,输入以下命令:

前端 - Node.js学习

 也可以使用 cnpm install jquery -g来使用淘宝镜像加快安装速度。

前端 - Node.js学习

(5)批量下载

从网上下载某些代码,发现只有package.json,没有node_modules文件夹,这时需要通过命令重新下载这些js库。

前端 - Node.js学习

 

6、切换NPM镜像

安装nrm组件将npm的镜像切换为淘宝镜像

有时我们使用npm下载资源会很慢,所以可以切换下载的镜像源(如:淘宝镜像);或者安装一个cnmp(指定淘宝镜像)来加快下载速度。

(1)使用切换镜像的方式,可以使用一个工具:nrm。

首先安装nrm, - g 代表全局安装。

前端 - Node.js学习

 然后通过 nrm ls 命令查看npm的仓库列表,带*的就是当前选中的镜像仓库:

前端 - Node.js学习

切换镜像源

前端 - Node.js学习

(2)使用 cnmp 的方式,则先安装cnmp:

前端 - Node.js学习

C:\Windows\system32>npm install -g cnmp --registry=https://registry.npm.taobao.org

前端 - Node.js学习