前后端交互03 —— node模块化 + npm与包

1.什么是模块化

模块化是指解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说，模块是可组
合、分解和更换的单元

编程领域中的模块化
编程领域中的模块化，就是遵守固定的规则，把一个大文件拆成独立并互相依赖的多个小模块。
把代码进行模块化拆分的好处：
提高了代码的复用性
提高了代码的可维护性
可以实现按需加载


Node.js 中根据模块来源的不同，将模块分为了 3 大类，分别是：
内置模块（内置模块是由 Node.js 官方提供的，例如 fs、path、http 等）
自定义模块（用户创建的每个 .js 文件，都是自定义模块）
第三方模块（由第三方开发出来的模块，并非官方提供的内置模块，也不是用户创建的自定义模块，使用前需要先下载）

2.加载模块

// 注意：在使用 require 加载用户自定义模块期间，需要相对路径
// 可以省略 .js 的后缀名
const m1 = require('./06.m1.js')
console.log(m1)

3.什么是模块作用域

和函数作用域类似，在自定义模块中定义的变量、方法等成员，只能在当前模块内被访问，
这种模块级别的访问限制，叫做模块作用域。

防止了全局变量污染的问题

4.向外共享模块作用域中的成员module 对象 module.exports 对象

// 在一个自定义模块中，默认情况下， module.exports = {}

const age = 20

// 向 module.exports 对象上挂载 username 属性
module.exports.username = 'zs'
// 向 module.exports 对象上挂载 sayHello 方法
module.exports.sayHello = function() {
  console.log('Hello!')
}
module.exports.age = age

// 让 module.exports 指向一个全新的对象  永远以 module.exports 指向的对象为准
module.exports = { 
  nickname: '小黑',
  sayHi() {
    console.log('Hi!')
  }
}

5.exports 和 module.exports 指向同一个对象最终共享的结果，还是以 module.exports 指向的对象为准

const username = 'zs'

module.exports.username = username
exports.age = 20
exports.sayHello = function() {
  console.log('大家好！')
}

// 最终，向外共享的结果，永远都是 module.exports 所指向的对象

6.Node.js 中的模块化规范

Node.js 遵循了 CommonJS 模块化规范，CommonJS 规定了模块的特性和各模块之间如何相互依赖。
CommonJS 规定：
每个模块内部，module 变量代表当前模块。
module 变量是一个对象，它的 exports 属性（即 module.exports）是对外的接口。
加载某个模块，其实是加载该模块的 module.exports 属性。require() 方法用于加载模块。

7.npm与包

什么是包
Node.js 中的第三方模块又叫做包。

包的来源
包是由第三方个人或团队开发出来的，免费供所有人使用。

为什么需要包
由于 Node.js 的内置模块仅提供了一些底层的 API
包是基于内置模块封装出来的，提供了更高级、更方便的 API，极大的提高了开发效率。 
包和内置模块之间的关系，类似于 jQuery 和 浏览器内置 API 之间的关系。

8.如何下载包

npm, Inc. 公司提供了一个包管理工具，我们可以使用这个包管理工具，
从 https://registry.npmjs.org/ 服务器把需要的包下载到本地使用。
这个包管理工具的名字叫做 Node Package Manager（简称 npm 包管理工具）
，这个包管理工具随着 Node.js 的安装包一起被安装到了用户的电脑上。
大家可以在终端中执行 npm -v 命令，来查看自己电脑上所安装的 npm 包管理工具的版本号


在项目中安装包的命令

npm i 包的完整名称 
npm i moment   格式化时间的包
npm i moment@2.22.2   安装指定版本格式化时间的包
在 https://www.npmjs.com/ 中搜索该包，并进入该包 Resources —— Documentation 进入官方文档 node.js介绍如何使用

// 1. 导入需要的包 // 注意：导入的名称，就是装包时候的名称
const moment = require('moment')

const dt = moment().format('YYYY-MM-DD HH:mm:ss')
console.log(dt)  输出当前时间



node_modules 文件夹用来存放所有已安装到项目中的包。require() 导入第三方包时，就是从这个目录中查找并加载包。
package-lock.json 配置文件用来记录 node_modules 目录下的每一个包的下载信息，例如包的名字、版本号、下载地址等。

创建一个叫做 package.json 的配置文件，即可用来记录项目中安装了哪些包。从而方便剔除
node_modules 目录之后，在团队成员之间共享项目的源代码。
注意：今后在项目开发中，一定要把 node_modules 文件夹，添加到 .gitignore 忽略文件中

9.快速创建 package.json  npm init -y

npm init -y

npm 包管理工具提供了一个快捷命令，可以在执行命令时所处的目录中，
快速创建 package.json 这个包管理配置文件：

注意：
上述命令只能在英文的目录下成功运行！所以，项目文件夹的名称一定要使用英文命名空格。 
运行 npm install 命令安装包的时候，npm 包管理工具会自动把包的名称和版本号，
记录到 package.json 中。

10.一次性安装多个包 用空格分开

同时安装了JQ 和template 模板引擎
npm i jquery art-template

package.json文件中 dependencies节点 存放安装的包的信息
  "dependencies": {
    "art-template": "^4.13.2",
    "express": "^4.17.1",
    "jquery": "^3.4.1",
    "moment": "^2.24.0"
  },
  "devDependencies": {
    "webpack": "^4.42.1"
  }
}

如果某些包只在项目开发阶段会用到，在项目上线之后不会用到，dev节点
则建议把这些包记录到 devDependencies 节点中 顺序没关系
npm i 包名 -D    ===    npm install 包名 --save-dev


包在开发和项目上线之后都需要用到，则建议把这些包记录到 dependencies 节点中。

11.一次性安装所有的包 npm i

npm i

卸载包  npm uninstall  moment 包的名称

12.下包慢的问题

在使用 npm 下包的时候，默认从国外的 https://registry.npmjs.org/ 服务器进行下载

淘宝 NPM 镜像服务器
淘宝在国内搭建了一个服务器，专门把国外官方服务器上
的包同步到国内的服务器，然后在国内提供下包的服务。
从而极大的提高了下包的速度。

切换 npm 的下包镜像源 
1. 查看当前包的镜像源  npm config get registry
2. 切换淘宝镜像源：npm config set registry https://registry.npm.taobao.org
2.1 切换为源镜像源 ： npm config set registry https://registry.npmjs.org

13.包的分类

项目包
那些被安装到项目的 node_modules 目录中的包，都是项目包。
项目包又分为两类，分别是：
开发依赖包（被记录到 devDependencies 节点中的包，只在开发期间会用到）
核心依赖包（被记录到 dependencies 节点中的包，在开发期间和项目上线之后都会用到）

全局包
在执行 npm install 命令时，如果提供了 -g 参数，则会把包安装为全局包。
只有工具性质的包，才有全局安装的必要性。因为它们提供了好用的终端命令。
判断某个包是否需要全局安装后才能使用，可以参考官方提供的使用说明即可


npm i 包名 -g    全局安装指定的报
npm uninstall 包名 -g    卸载全局安装的包


规范的包结构
包必须以单独的目录而存在
包的顶级目录下要必须包含 package.json 这个包管理配置文件
package.json 中必须包含 name，version，main 这三个属性，分别代表包的名字、版本号、包的入口

14.模块的加载机制

模块在第一次加载后会被缓存。 这也意味着多次调用 require() 不会导致模块的代码被执行多次。
注意：不论是内置模块、用户自定义模块、还是第三方模块，它们都会优先从缓存中加载，
从而提高模块的加载效率。

内置模块的加载机制
内置模块是由 Node.js 官方提供的模块，内置模块的加载优先级最高。
例如，require('fs') 始终返回内置的 fs 模块，即使在 node_modules
 目录下有名字相同的包也叫做 fs


自定义模块的加载机制
使用 require() 加载自定义模块时，必须指定以 ./ 或 ../ 开头的路径标识符。在加载自定义模块时，
如果没有指定 ./ 或 ../ 
这样的路径标识符，则 node 会把它当作内置模块或第三方模块进行加载。
同时，在使用 require() 导入自定义模块时，如果省略了文件的扩展名，则 Node.js 
会按顺序分别尝试加载以下的文件：
① 按照确切的文件名进行加载
② 补全 .js 扩展名进行加载
③ 补全 .json 扩展名进行加载
④ 补全 .node 扩展名进行加载
⑤ 加载失败，终端报错


4.4 第三方模块的加载机制
如果传递给 require() 的模块标识符不是一个内置模块，也没有以 ‘./’ 或 ‘../’ 开头，则 Node.js 会从当前模块的父
目录开始，尝试从 /node_modules 文件夹中加载第三方模块。
如果没有找到对应的第三方模块，则移动到再上一层父目录中，进行加载，直到文件系统的根目录。