node.js笔记

  • 首先:浏览器能执行 JS 代码,依靠的是内核中的 V8 引擎(C++ 程序)
  • 其次:Node.js 是基于 Chrome V8 引擎进行封装(运行环境)
  • 区别:都支持 ECMAScript 标准语法,Node.js 有独立的 API

node.js笔记_第1张图片


  • 1、下载 node.js

  1. 下载网址:Node.js (nodejs.org)
  2. 安装过程:直接点击默认下一步即可。
  3. 注释事项: 安装在非中文路径下,无需勾选自动安装其他配套软件。
  4. 成功验证: 打开 cmd 终端,输入 node -v 命令查看版本号,如果有显示,则代表安装成功。

node.js笔记_第2张图片


  • 2、使用 node.js 

  1. 如果在浏览器里面打开加载 js 文件,可以在控制台里面打开该文件,其实就是在 node环境下编译
  2. 如果用 node.js 加载,需要在终端里面 执行 命令【node 文件名】
  3. 注意:Node.js 环境中没有 BOM 和 DOM
  • tips1:vscode终端可以使用快捷键 【ctrl + `  (` 是esc下面的那个键)】,
  • tips2:输入node 后,后面的文件名,可以输入一部分,按 tab 键补全【如下面的 01.js, 输入 01 或者 0 ,按 tab 补全就行,但是只有当前目录可以,如下面的 04 文件夹下面的文件,需要补全文件夹名称,才能补全旗下的文件】

node.js笔记_第3张图片


  • 3、fs 模块 - 读写文件

  1. 模块:类似插件,封装了方法/属性
  2. fs 模块:封装了与本机文件系统进行交互的,方法/属性
  3. 语法:
    1. 加载 fs 模块对象
    2. 写入文件内容
    3. 读取文件内容
// 1. 加载 fs 模块对象
const fs = require('fs')
// 2. 写入文件内容
fs.writeFile('./test.txt', '有该文件就直接写入,没有创建写入', (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())
})

node.js笔记_第4张图片

node.js笔记_第5张图片


  • 4、path 模块 - 路径处理

Node.js 代码中,相对路径是根据终端所在路径来查找的,可能无法找到你想要的文件:

  • 也就是在下图中,读取文件 test.txt 不是从 index.js ,然后  ../ 开始寻找
  • 而是从 终端路径开始寻找,也就是说 test.txt 从 03-code 文件夹 ,然后  ../ 开始寻找

node.js笔记_第6张图片

1、建议:在 Node.js 代码中,使用 绝对路径

2、补充:__dirname 内置变量(获取当前模块目录-绝对路径

        windows: D:\xx\xxxx\03

        mac:         /Users/xxx/03

3、注意:path.join() 会使用特定于平台的分隔符,作为定界符,将所有给定的路径片段连接在一起,它会根据你的系统,拼接好路径

node.js笔记_第7张图片

4、语法:

        1)加载 path 模块

        2)使用 path.join 方法,拼接路径 

const fs = require('fs')
// 1. 引入 path 模块对象
const path = require('path')
// 2. 调用 path.join() 配合 __dirname 组成目标文件的绝对路径
console.log(__dirname)

fs.readFile(path.join(__dirname, '../test.txt'), (err, data) => {
  if (err) console.log(err)
  else console.log(data,data.toString())
})

node.js笔记_第8张图片

node.js笔记_第9张图片


  • 5、http 模块-创建 Web 服务

1、需求:创建 Web 服务并响应内容给浏览器

2、步骤:  

        1)加载 http 模块,创建 Web 服务对象  

        2)监听 request 请求事件,设置响应头和响应体  

        3)配置端口号并启动 Web 服务  

3、浏览器请求 http://localhost:3000 测试

(localhost:固定代表本机的域名)

// 1.1 加载 http 模块,创建 Web 服务对象
const http = require('http')
const server = http.createServer()
// 1.2 通过 on 监听 request 事件,设置响应头和响应体
server.on('request', (req, res) => {
  // 设置响应头-内容类型-普通文本以及中文编码格式
  res.setHeader('Content-Type', 'text/plain;charset=utf-8')
  // 设置响应体内容,结束本次请求与响应
  res.end('欢迎使用 Node.js 和 http 模块创建的 Web 服务')
})
// 1.3 配置端口号并启动 Web 服务
server.listen(3000, () => {
  console.log('Web 服务启动成功了')
})

终端:ctrl + c 停止服务

node.js笔记_第10张图片


  • 6、node.js 模块化

1、使用:

        1)导出:module.exports = {}

        2)导入:require('模块名或路径')

2、模块名或路径:

        1)内置模块:直接写名字(例如:fs,path,http)

        2)自定义模块:写模块文件路径(例如:xxx.js) 

3、node.js 使用的是 CommonJS 标准,CommonJS 模块是为 Nodejs 打包 JavaScript 代码的原始方式,Nodejs 还支持浏览器和其他 JavaScript 运行时使用的 ECMAScript 模块标准,在 Nodejs 中每个文件都被视为一个单独的模块

node.js笔记_第11张图片

node.js笔记_第12张图片

node.js笔记_第13张图片


  • 7、ECMAScript 标准 - 默认导出和导入

1、默认标准使用:

        1)导出:export default {}

        2)导入:import 变量名 from '模块名或路径'

2、注意:Node.js 默认支持 CommonJS 标准语法

3、如需使用 ECMAScript 标准语法,在运行模块所在文件夹新建 package.json 文件,并设置 { "type" : "module" }

node.js笔记_第14张图片


  • 8、ECMAScript 标准 - 命名导出和导入

命名标准使用:

        1)导出:export 修饰定义语句

        2)导入:import { 同名变量 } from '模块名或路径‘

如何选择:

        1)按需加载,使用命名导出和导入

        2)全部加载,使用默认导出和导入 

node.js笔记_第15张图片

node.js笔记_第16张图片


  • 9、包的概念

1、什么是包?  

        将模块,代码,其他资料聚合成的文件夹

2、包分为哪 2 类呢?  

        项目包:编写项目代码的文件夹  

        软件包:封装工具和方法供开发者使用

3、package.json 文件的作用?  

        记录软件包的名字,作者,入口文件等信息

4、导入一个包文件夹的时候,导入的是哪个文件?

         默认 index.js 文件,或者 main 属性指定的文件

node.js笔记_第17张图片

  • 10、npm - 软件包管理器

  1. npm 是 Node.js 标准的软件包管理器
  2. 在 2017 年 1 月时,npm 仓库中就已有超过 350000 个软件包,这使其成为世界上最大的单一语言代码仓库,并且可以确定几乎有可用于一切的软件包。
  3. 它起初是作为下载和管理 Node.js 包依赖的方式,但其现在也已成为前端JavaScript 中使用的工具。
  4. 下载的包会存放在当前项目下的 node_modules 中,并记录在 package.json 中
1、初始化清单文件 : npm init -y      (得到 package.json 文件,有则略过此命令)
2、下载软件包	 : npm i 软件包名称
3、使用软件包

node.js笔记_第18张图片

当项目中只有 package.json 没有 node_modules 怎么办?

当前项目下,没有 node_modules就不能正常运行,我们需执行 npm i 安装所有依赖软件包


  • 11、npm - 全局软件包 nodemon

1、软件包区别:

        1)本地软件包:当前项目内使用,封装属性和方法,存在于 node_modules

        2)全局软件包:本机所有项目使用,封装命令和工具,存在于系统设置的位置

2、nodemon 作用:替代 node 命令,检测代码更改,自动重启程序【总的来说,之前的node ‘文件路径’ 启动服务,只执行一次,而 nodemon 却开启后一直检测,代码改变保存后,编译一次,同时终端输出】

3、使用:

        1)安装:npm i nodemon -g(-g 代表安装到全局环境中)

        2)运行:nodemon 待执行的目标 js 文件


  • 12、Node.js 总结

1、Node.js 模块化:

        1)概念:每个文件当做一个模块,独立作用域,按需加载

        2)使用:采用特定的标准语法导出和导入进行使用

2、CommonJS  标准:一般应用在 Node.js 项目环境中

node.js笔记_第19张图片

3、ECMAScript 标准:一般应用在前端工程化项目中

node.js笔记_第20张图片

node.js笔记_第21张图片

node.js笔记_第22张图片

 

你可能感兴趣的:(node.js,node.js,笔记,前端,npm,ecmascript)