node.js

• 定义：node.js是一个跨平台JavaScript运行坏境，使开发中可以搭建服务器端的JavaScript应用程序
• 作用：使用node.js编写服务器端程序
• 编写数据接口：提供网页资源浏览功能等
• 前端工程化：为后续学习Vue和React等框架做铺垫

前端工程化

• 前端工程化：开发项目直到上线，过程中集成的所有工具和技术
• node.js是前端工程化的基础（因为node.js可以主动读取前端代码内容）

node.js为何能执行js

• 首先：浏览器能执行js代码，依靠的是内核中的v8引擎（C++程序）
• 其次：node.js是基于Chrome V8引擎进行封装（运行坏境）
• 区别：都支持ECMAScript标准语法，node.js有独立的API
• 注意：node.js坏境没有DOM和BOM等

fs模块-读写文件

• 模块：类似插件，封装了方法/属性
• fs模块：封装了与本机文件系统进行交互的，方法/属性
• 语法：
• 1.加载fs模块对象

const fs = require('fs') // fs是模块标识符，模块的名字

• 2.写入文件内容

fs.writeFile('文件路径','写入内容', err => {
  // 写入后的回调函数
})

• 3.读取文件内容

fs.readFile('文件路径', (err,data) => {
  // 读取后的回调函数
  // data 是文件内容的 Buffer 数据流
})

// 1.加载fs模块对象
const fs = require('fs')
// 2.写入文件
fs.writeFile('./test.txt', 'hello,node.js', (err) => {
  if (err) console.log(err)
  else console.log('写入成功')
})
// 3.读取文件内容
fs.readFile('./test.txt', (err, data) => {
  if (err) console.log(err)
  // data是buffer 16进制数据流对象
  // .toString(转换成字符串)
  else console.log(data.toString())
})

path模块-路径处理

• 建议：在Node.js代码中，使用绝对路径

• 补充__dirname内置变量（获取当前模块目录-绝对路径）

• 注意：path.join()会使用特定于平台的分隔符，作为定界符，将所有给定的路径片段连接在一起

• 语法：

• 1.加载path模块

• 2.使用path.join()方法，拼接路径

const path = require('path')
path.join('路径1','路径2',...)

压缩前端代码

• 需求：把回车符(\r)和换行符(\n)去掉后，写入到新html文件中

//  1.1 读取源 html 文件内容
const fs = require('fs')
const path = require('path')
fs.readFile(path.join(__dirname, 'public/index.html',), (err, data) => {
  if (err) console.log(err)
  else {
    const htmlStr = data.toString()
    // 1.2 正则替换字符串
    const resultStr = htmlStr.replace(/[\r\n]/g, '')
    console.log(resultStr)
    // 1.3写入新的html文件中
    fs.writeFile(path.join(__dirname, 'dist/index.html'), resultStr, err => {
      if (err) console.log(err)
      else console.log('写入成功')
    })
  }
})

URL中的端口号

• URL：统一资源定位符，简称网址，用于访问服务器里的资源
• 端口号：标记服务器里不同功能的服务程序
• 端口号范围：0-65536之间任意整数
• https://hmajax.itheima.net:80/api/province
• 钥匙：http协议
• 地址：域名hmajax.itheima.net
• 物品位置：资源路径api/province
• 注意：http协议，默认访问80端口

常见的服务程序

• Web服务程序：用于提供网上信息流浪功能
• 注意：0-1023和一些特定端口号被占用，我们自己编写服务程序请避开使用

http模块-创建Web服务

• 需求：创建web服务器并响应内容给浏览器
• 步骤：
• 1.加载http模块，创建web服务对象
• 2.监听request请求时间，设置响应头和响应体
• 3.配置端口号并启动web服务
• 4.浏览器请求http://localhost:3000 测试
• localhost：固定代表本机的域名

模块化

• 定义CommonJS模块是为Node.js打包JavaScript代码的原始方式，Node.js还支持浏览器和其他JavaScript运行时使用的ECMAscript模块标准，在Node.js中每一个文件都被视为一个独立的模块
• 概念：项目是由多个模块文件组成的
• 好处：提高代码复用性，按需加载，独立作用域
• 使用：需要标准语法导出和导入进行使用

CommonJS标准

• 需求：定义utils.js模块，封装基地址和求数组总和的函数
• 使用：
• 导出：module.exports = {}
• 导入：require(‘模块名或路径’)
• 模块名或路径：
• 内置模块：直接写名字（例如：fs、path、http）
• 自定义模块：写模块文件路径（例如：./utils.js）

// 导入
const obj = require('./utils.js')
console.log(obj)
const result = obj.arrarSum([5, 2, 3, 1])
console.log(result)

const baseURL = 'http://hmajax.itheima.net'
const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)
// 导出
module.exports = {
  url: baseURL,
  arrarSum: getArraySum
}

ECMAscript标准-默认导出和导入

• 需求：封装并导出基地址和求数组元素和的函数
• 默认标准使用：
• 导出：export defult {}
• 导入：import 变量名 form ‘模块名或路径’
• 注意：Node.js默认支持CommonJS标准语法
• 如需使用ECMAsscript标准语法，在运行模块所在文件夹新建package.json文件，并设置{“type”:“module”}

// 默认导入
import obj from './utils.js'
console.log(obj)
const result = obj.arrarSum([10, 20, 30])
console.log(result)

{
  "type": "module"
}

const baseURL = 'http://hmajax.itheima.net'
const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)
// 默认导出
export default {
  url: baseURL,
  arrarSum: getArraySum
}

ECMAScript标准-命名导出和导入

• 需求：封装并导出基地址和求和数组元素的函数
• 命名标准使用：
• 导出：export 修饰定义语句
• 导入：import {同名变量} form ‘模块名或路径’
• 如何选择：
• 按需加载，使用命名导出和导入
• 全部加载，使用默认导出和导入

包的概念

• 包：将模块、代码、其他资料聚合成一个文件夹
• 包分类：
• 项目包：主要用于编写项目和业务逻辑
• 软件包：封装工具和方法进行使用
• 要求：根目录中，必须有package.json文件（记录包的清单信息）
• 注意：导入软件包时，引入的默认是index.js模块文件/main属性指定的模块文件

"name": "cz_utils", 软件名称
  "version": "1.0.0", 软件包当前版本
  "description": "一个数组和字符串常用工具方法的包", 软件包简短描述
  "main": "index.js", 软件包入口
  "author": "itheima", 软件包作者
  "license": "MIT" 软件包许可证（商用后可以用作者名字宣传）

npm软件包管理器

• 定义：npm简介，npm是Node.js标准的软件包管理器，在2017年1月时，npm仓库中就已有超过350000个软件包，这时其成为世界上最大的单一语言代码仓库，并且可以确定几乎有可用于一些的软件包。它起初是作为下载和管理Node.js包依赖的方式，但其现在也成为前端JavaScript中使用的工具。
• 使用：
• 1.初始化清单文件：npm init -y （得到package.json文件，有则略过此命令）
• 2.下载软件包：npm i 软件包名称
• 3.使用软件包

安装所有依赖

• 问题：项目中不包含node_modules，不能正常运行
• 原因：自己用npm下载依赖比磁盘传递拷贝要快得多
• 解决：项目终端输入命名：npm i
• 下载package.json中记录的所有软件包

npm全局软件包nodemon

• 软件包区别：
• 本地软件包：当前项目内使用，封装属性和方法，存在于node_modules
• 全局软件包：本机所有项目使用，封装命名和工具，存在于系统设置的位置
• nodemon作用：替代node命令，检测代码更改，自动重启程序
• 使用：
• 1.安装：npm i nodemon -g (-g代表安装到全局环境中)
• 2.运行：nodemon 待执行的目标js文件
• 需求：启动准备好的项目，修改代码保存后，观察自动重启应用程序

Node.js总结

• Node.js模块化

• 概念：每个文件当作一个模块，独立作用域，按需加载

• 使用：采用特定的标准语法导出和导入进行使用

• CommonJS 标准：一般应用在NOde.js项目坏境中

• ECMAScript 标准：一般应用在前端工程化项目中

Node.js包

• 概念：把模块文件，代码文件，其他资料聚合成一个文件夹
• 项目包：编写项目需求和业务逻辑的文件夹
• 软件包：封装工具和方法进行使用的文件夹（一般使用npm管理）
• 本地软件包：作用在当前项目，一般封装的属性/方法，供项目调用编写业务需求
• 全局软件包：作用在所有项目，一般封装的命令/工具，支撑项目运行

常用命令