NodeJS

Node.js 是一个基于 chrome V8 引擎的 JavaScript 运行环境

node.js 不是语言，不是服务器，不是数据库。

优点

1) 异步非阻塞的 I/O (I/O 线程池)：

        异步非阻塞是能不能在做一件是的时候不影响其他人，异步肯定非阻塞

        I:input        O：output         文件的读写，数据库的读写叫做 I/O

2) 特别适用于 I/O 密集型应用。

3) 事件循环机制。

4) 单线程。

5) 跨平台：一处编写，随处可用。  Windows 上写的代码，放在 Linux 上也可用。

不足之处

1) 问调函数嵌套太多、太深(俗称回调地狱)

2) 单线程,处理不好 CPU 密集型任务。

3）不支持多核处理器

Java 服务器对 CPU 密集型友好，对 I/O 密集型友好。

Node.js 的应用场景

web 服务 API

服务器渲染页面，提升速度

后端的 web 服务，例如跨域，服务器端的请求

Node 中任意一个模块（js 文件）都被一个外层文件函数所包裹

console.log(arguments.callee.toString())

function (exports, require, module, __filename, __dirname) {	console.log(arguments.callee.toString())  // exports：用于暴露模块  // require：用于引入模块  // module：用于暴露模块  // __filename：这个文件所在的绝对路径  // __dirname：当前文件所在的文件夹的绝对路径}

为什么要有这个外层函数（这个外层函数有什么作用）

• 隐藏内部实现

• 支持 CommonJS 的模块化

对于浏览器端而言，js 由哪几部分组?

1. BOM 浏览器对象模型-------很多的 API (location, history)

2. DOM 文档对象模型........很多的 API (对 DOM 的增删改查)

3. ES 规范-------------- ES6. ES5.....

Node 端 js 由几部分组成?

1. 没有了 BOM ----因为服务器不需要 (服务端没有海览器对象)

2. 没有了 DON ----因为没有浏览器窗口

3. 几乎包含了所有 ES 规范，没有 alert

4. 没有了 window，但是取而代之的是一个叫 global 的全局变量

console.log(window)

包和包管理器

package 包

Nodejs 的包基本遵循 CommonuS 规范，包将一组 相关的模块组合在一起，形成一组完整的工具。

包由包结构和包描述文件两个部分组成。

1)包结构: 用于组织包中的各种文件。

2)包描述文件: 描述包的相关信息，以供外部读取分析。

什么是包

我们电脑上的文件夹，包含了某些特定的文件，符合了某些特定的结构，就是一个包。

一个标准的包应该包含哪些内容

• package.json——描述文件（包的说明书，必须要有！！！）

• bin——可执行二进制文件

• lib——经过编译后的 js 代码

• doc——文档（说明文档、bug 修复文档、版本变更记录文档）

• test——一些测试报告

如何让一个普通文件变成包

• 让这个文件夹拥有一个：package.json 文件即可，且 package.json 里面的内容要合法。

• 执行命令：npm init

• 包名的要求：不能有中文，不能有大写字母，不能与 npm 仓库上其他包同名

npm 与 node 的关系

• npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具，也是世界上最大的软件注册表

现在很多人是为了使用 npm 才去安装 node

pnm 官网：www.npmjs.com

在官网中搜索可以找到某个包

安装了 node 自动就有了 npm（npm 是 node 官方出的包管理器）

回到文件夹里，package.json 已经生成了

获取 npm 全局安装地址

cmd 命令： npm root -g

开发依赖和生产依赖

只有在开发时（写代码）需要依赖的库，就是开发依赖——例如：语法检查，压缩代码，扩展 CSS 前缀的包

在生产环境中必不可少的包，就是生产依赖——例如：jQuery，axios 等等。所谓的生产环境就是指：项目开发完毕，要部署到服务器上运行

某些包即属于开发依赖，又属于生产依赖——例如：jQuery

这两个依赖是为了有时候区分包在什么时候才产生的

删除依赖包

cmd 命令： npm remove 依赖包名

npm 一些其他命令

• npm aduit fix：检测项目依赖中的一些问题，并且尝试修复

• npm view xxxxx versions：查看 npm 仓库中 xxxx 包的所有版本信息

• npm view xxxxx version：查看 npm 仓库中 xxxx 包的最新版本

• npm ls xxxx：查看我们所安装的 xxxx 包的版本

例子：安装某一个 jQuery 版本号

关于版本号的说明

"^3.x.x"：锁定最大版本，以后安装包的时候，保证包必须是 3.x.x 版本，x 默认取最新的

"~3.1.x" ：锁定最小版本，以后安装包的时候，保证包必须是 3.1.x 版本，x 默认取最新的

"3.1.1" ：锁定完整版本，以后安装包的时候，保证包必须是 3.1.1 版本

node.js 创建一个 js 文件后导入包

使用 import 语句

// 入口文件import Vue from 'vue'// 1.1 导入路由的包import VueRouter from 'vue-router'

webpack

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。

中文文档：https://www.webpackjs.com/

安装 Webpack

在安装 Webpack 前，你本地环境需要支持 node.js。

安装命令： npm install webpack -g

Webpack 本身只能处理 JavaScript 模块，如果要处理其他类型的文件，就需要使用 loader 进行转换。

所以如果我们需要在应用中添加 css 文件，就需要使用到 css-loader 和 style-loader，他们做两件不同的事情，css-loader 会遍历 CSS 文件，然后找到 url() 表达式然后处理他们，style-loader 会把原来的 CSS 代码插入页面中的一个 style 标签中。

当在控制台直接输入 webpack 命令执行的时候，webpack 做了以下几步：

1. 首先，webpack 发现，并没有通过命令的形式，给其指定入口和出口

2. webpack 会去项目根目录中，查找一个叫做‘webpack.config.js’的配置文件

3. 当找到配置文件后，webpack 会去解析执行这个配置文件，当解析执行完，就得到了配置文件导出的配置对象

4. 当 webpack 拿到配置对象后，就拿到了配置对象中指定的入口和出口，然后进行打包构建